Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/webpack/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Webpack 奥雷莉亚赢了';t加载不带<;要求>;使用网页包时_Webpack_Aurelia - Fatal编程技术网

Webpack 奥雷莉亚赢了';t加载不带<;要求>;使用网页包时

Webpack 奥雷莉亚赢了';t加载不带<;要求>;使用网页包时,webpack,aurelia,Webpack,Aurelia,我正在aurelia中动态加载模板,在使用webpack时,除非添加为,否则不会加载视图。当使用aurelia cli时,这是不必要的。为什么?这与webpack加载模块的方式有关吗 我正在Visual Studio 2017中使用带asp.net核心模板的aurelia,由dotnet生成新的aurelia根据 更新#1 当编辑bootstrapper以允许资源时,webpack会生成,但加载站点时会出现错误 boot.ts import 'isomorphic-fetch'; import

我正在aurelia中动态加载模板,在使用webpack时,除非添加为
,否则不会加载视图。当使用aurelia cli时,这是不必要的。为什么?这与webpack加载模块的方式有关吗

我正在Visual Studio 2017中使用带asp.net核心模板的aurelia,由
dotnet生成新的aurelia
根据

更新#1

当编辑bootstrapper以允许资源时,webpack会生成,但加载站点时会出现错误

boot.ts

import 'isomorphic-fetch';
import { Aurelia, PLATFORM } from 'aurelia-framework';
import 'bootstrap/dist/css/bootstrap.css';
import 'bootstrap';
declare const IS_DEV_BUILD: boolean; // The value is supplied by Webpack during the build

export function configure(aurelia: Aurelia) {
    aurelia.use
        .standardConfiguration()
        .feature(PLATFORM.moduleName('resources'));// /index makes no difference

    //aurelia.use.plugin('aurelia-table');
    //aurelia.use.plugin('aurelia-chart');

    if (IS_DEV_BUILD) {
        aurelia.use.developmentLogging();
    }

    aurelia.start().then(() => aurelia.setRoot(PLATFORM.moduleName('app/components/app/app')));
}
错误:

aurelia-loader-webpack.js:187 Uncaught (in promise) Error: Unable to find module with ID: resources/index
    at WebpackLoader.<anonymous> (aurelia-loader-webpack.js:187)
    at step (aurelia-loader-webpack.js:36)
    at Object.next (aurelia-loader-webpack.js:17)
    at aurelia-loader-webpack.js:11
    at Promise (<anonymous>)
    at 146.__awaiter (aurelia-loader-webpack.js:7)
    at WebpackLoader.146.WebpackLoader._import (aurelia-loader-webpack.js:152)
    at WebpackLoader.<anonymous> (aurelia-loader-webpack.js:252)
    at step (aurelia-loader-webpack.js:36)
    at Object.next (aurelia-loader-webpack.js:17)
aurelia loader webpack.js:187未捕获(承诺中)错误:找不到ID为resources/index的模块
我无法以这种方式加载功能


我已经按照Aurelia页面上的上述说明组织了我的应用程序,但我仍然收到相同的错误
错误:无法找到ID为:resources/index
的模块。我已将所有元素/组件放在resources文件夹中,并在同一文件夹中添加了index.ts。

您是否正在使用新的aurelia网页包插件/设置?如果是,那么您应该加载类似这样的特性
aurelia.use.feature(PLATFORM.moduleName('my-feature/index');

路由上的
moduleId
字段也是如此


此处的更多信息

据我所知,所有未分配为全局资源的组件(例如,使用
.globalResources('./空报告/空报告');
)将需要使用
require
将它们纳入上下文;这是为了避免名称冲突和提高清晰度而特意设计的,例如,与其他有意义的框架(如AngularJS)相比,但为什么它在使用cli时工作?在cli引导程序中,我使用了aurelia.use.feature('resources')这就是它工作的原因吗?宾果,是的,
aurelia.use.feature(“…”)
就像将其中的所有组件声明为全局资源一样-请看,这一点不太清楚,但仍然有一点错误。我已经更新了这个问题。这是因为
.feature
方法希望在您注册的文件夹中有一个
索引-
aurelia cli
方法可能就是这样做的对于您来说,现在您必须在资源中手动添加此索引—一个收集所有资源的文件,如
export function configure(aurelia){aurelia.globalResources('./empty report/empty report')
即使使用PLATFORM.modulename,仍然会出现相同的错误如果在路径的开头添加一个./会有帮助吗?我在这里对自定义绑定行为做了相同的操作,如果我没有使用./来启动路径,网页包会吐出来。
import 'isomorphic-fetch';
import { Aurelia, PLATFORM } from 'aurelia-framework';
import 'bootstrap/dist/css/bootstrap.css';
import 'bootstrap';
declare const IS_DEV_BUILD: boolean; // The value is supplied by Webpack during the build

export function configure(aurelia: Aurelia) {
    aurelia.use
        .standardConfiguration()
        .feature(PLATFORM.moduleName('resources'));// /index makes no difference

    //aurelia.use.plugin('aurelia-table');
    //aurelia.use.plugin('aurelia-chart');

    if (IS_DEV_BUILD) {
        aurelia.use.developmentLogging();
    }

    aurelia.start().then(() => aurelia.setRoot(PLATFORM.moduleName('app/components/app/app')));
}
aurelia-loader-webpack.js:187 Uncaught (in promise) Error: Unable to find module with ID: resources/index
    at WebpackLoader.<anonymous> (aurelia-loader-webpack.js:187)
    at step (aurelia-loader-webpack.js:36)
    at Object.next (aurelia-loader-webpack.js:17)
    at aurelia-loader-webpack.js:11
    at Promise (<anonymous>)
    at 146.__awaiter (aurelia-loader-webpack.js:7)
    at WebpackLoader.146.WebpackLoader._import (aurelia-loader-webpack.js:152)
    at WebpackLoader.<anonymous> (aurelia-loader-webpack.js:252)
    at step (aurelia-loader-webpack.js:36)
    at Object.next (aurelia-loader-webpack.js:17)