这与此处提到的问题非常相似,但是在评论或回答中提供的所有解决方案都没有解决我的问题。想知道是否还有其他需要注意的地方。我尝试了不同的路径,例如:
- ./app/mycomponent/mycomponent.module#MyComponentModule,
- .mycomponent//mycomponent.module#MyComponentModule
但是都没有效果。我的问题与原始问题之间最大的区别是,我们最近添加了webpack,应用程序也因此出现了问题。当我们没有使用任何捆绑服务(webpack)并且一切都是单独的文件时,一切都正常工作。同时,我的主页home.module没有这个问题。其他每个页面或模块都会抛出完全相同的问题。在实现方面,主页和其他模块之间几乎没有什么区别。
我的路由模块如下:
{
path: 'mycomponent',
loadChildren: 'app/mycomponent/mycomponent.module#MyComponentModule'
}
完整的异常信息如下
bootstrap:51 ERROR Error: 在Promise中未捕获错误: Error: 找不到模块'app/mycomponent/mycomponent.module' Error: 找不到模块'app/mycomponent/mycomponent.module' at browser.es5.js:91 at ZoneDelegate.invoke (zone.js:392) at Object.onInvoke (animations.es5.js:7) at ZoneDelegate.invoke (zone.js:391) at Zone.run (zone.js:142) at zone.js:873 at ZoneDelegate.invokeTask (zone.js:425) at Object.onInvokeTask (animations.es5.js:7) at ZoneDelegate.invokeTask (zone.js:424) at Zone.runTask (zone.js:192) at browser.es5.js:91 at ZoneDelegate.invoke (zone.js:392) at Object.onInvoke (animations.es5.js:7) at ZoneDelegate.invoke (zone.js:391) at Zone.run (zone.js:142) at zone.js:873 at ZoneDelegate.invokeTask (zone.js:425) at Object.onInvokeTask (animations.es5.js:7) at ZoneDelegate.invokeTask (zone.js:424) at Zone.runTask (zone.js:192) at resolvePromise (zone.js:824) at resolvePromise (zone.js:795) at zone.js:873 at ZoneDelegate.invokeTask (zone.js:425) at Object.onInvokeTask (animations.es5.js:7) at ZoneDelegate.invokeTask (zone.js:424) at Zone.runTask (zone.js:192) at drainMicroTaskQueue (zone.js:602)
以下是我的webpack配置
const path = require('path');
module.exports = { entry: './src/main.ts',
devtool: 'source-map',
module: {
rules: [
{
test: /\.tsx?$/,
loaders: ['ts-loader'],
exclude: [/\.(spec|e2e)\.ts$/]
},
{
test: /\.(html|css)$/,
loader: 'raw-loader',
exclude: /\.async\.(html|css)$/
}
] },
resolve: {
extensions: [ '.tsx', '.ts', '.js' ] },
output: {
filename: 'bundle.js',
path: path.resolve(__dirname, 'dist') } };
- angular : 4.3.6
- typescript: 2.9.2
1.bundle.js
的内容。 - Reactgular