找不到模块：错误：无法解析“./app/app.module.ngfactory”

Question

我无法使用 AOT (ng build --prod) 编译我的 Angular 5 应用程序。有什么问题？

找不到模块：错误：无法解析“./app/app.module.ngfactory” 'C:\Projects\app-dnn-sxc-angular-dev\src' @ ./src/main.ts 3:0-66 @ 多./src/main.ts

我们正在开发此应用程序以使用 Angular 5 测试我们的 dnn-sxc-angular npm 项目。一旦我从 @2sic.com/dnn-sxc-angular 导入 ContentManagerModule，AOT 构建就会失败。

我跑了node_modules/.bin/ngc.cmd，但没有出现错误。有什么方法可以调试构建过程或获得人类可读的错误消息？

中断的演示应用程序： https://github.com/2sic/app-dnn-sxc-angular-dev

dnn-sxc-angular（使用 Angular 4）： https://github.com/2sic/dnn-sxc-angular

项目结构

我的环境：

• Windows 10
• npm: 5.6.0
• 节点：8.9.3
• angular cli（本地和全局）：1.6.1

webpack --bail的完整输出：

C:\Projects\app-dnn-sxc-angular-dev>webpack --bail 11% 构建 模块 9/9 模块 0 activeModuleNotFoundError：找不到模块： 错误：无法解析“./app/app.module.ngfactory” 'C:\Projects\app-dnn-sxc-angular-dev\src' 在 factoryCallback (C:\Projects\app-dnn-sxc-angular-dev\node_modules\webpack\lib\Compilation.js:276:40) 在工厂 (C:\Projects\app-dnn-sxc-angular-dev\node_modules\webpack\lib\NormalModuleFactory.js:235:20) 在解析器 (C:\Projects\app-dnn-sxc-angular-dev\node_modules\webpack\lib\NormalModuleFactory.js:60:20) 在 asyncLib.parallel (C:\Projects\app-dnn-sxc-angular-dev\node_modules\webpack\lib\NormalModuleFactory.js:127:20) 在 C:\Projects\app-dnn-sxc-angular-dev\node_modules\async\dist\async.js:3874:9 在 C:\Projects\app-dnn-sxc-angular-dev\node_modules\async\dist\async.js:473:16 在 iteratorCallback (C:\Projects\app-dnn-sxc-angular-dev\node_modules\async\dist\async.js:1048:13) 在 C:\Projects\app-dnn-sxc-angular-dev\node_modules\async\dist\async.js:958:16 在 C:\Projects\app-dnn-sxc-angular-dev\node_modules\async\dist\async.js:3871:13 在 resolvers.normal.resolve (C:\Projects\app-dnn-sxc-angular-dev\node_modules\webpack\lib\NormalModuleFactory.js:119:22) 在 onError (C:\Projects\app-dnn-sxc-angular-dev\node_modules\webpack\node_modules\enhanced-resolve\lib\Resolver.js:65:10) 在 loggingCallbackWrapper (C:\Projects\app-dnn-sxc-angular-dev\node_modules\webpack\node_modules\enhanced-resolve\lib\createInnerCallback.js:31:19) 在 runAfter (C:\Projects\app-dnn-sxc-angular-dev\node_modules\webpack\node_modules\enhanced-resolve\lib\Resolver.js:158:4) 在 innerCallback (C:\Projects\app-dnn-sxc-angular-dev\node_modules\webpack\node_modules\enhanced-resolve\lib\Resolver.js:146:3) 在 loggingCallbackWrapper (C:\Projects\app-dnn-sxc-angular-dev\node_modules\webpack\node_modules\enhanced-resolve\lib\createInnerCallback.js:31:19) 在下一个（C:\Projects\app-dnn-sxc-angular-dev\node_modules\tapable\lib\Tapable.js:252:11） 在 C:\Projects\app-dnn-sxc-angular-dev\node_modules\webpack\node_modules\enhanced-resolve\lib\UnsafeCachePlugin.js:40:4 在 loggingCallbackWrapper (C:\Projects\app-dnn-sxc-angular-dev\node_modules\webpack\node_modules\enhanced-resolve\lib\createInnerCallback.js:31:19) 在 runAfter (C:\Projects\app-dnn-sxc-angular-dev\node_modules\webpack\node_modules\enhanced-resolve\lib\Resolver.js:158:4) 在 innerCallback (C:\Projects\app-dnn-sxc-angular-dev\node_modules\webpack\node_modules\enhanced-resolve\lib\Resolver.js:146:3) 在 loggingCallbackWrapper (C:\Projects\app-dnn-sxc-angular-dev\node_modules\webpack\node_modules\enhanced-resolve\lib\createInnerCallback.js:31:19) 在下一个（C:\Projects\app-dnn-sxc-angular-dev\node_modules\tapable\lib\Tapable.js:252:11） 在 innerCallback (C:\Projects\app-dnn-sxc-angular-dev\node_modules\webpack\node_modules\enhanced-resolve\lib\Resolver.js:144:11) 在 loggingCallbackWrapper (C:\Projects\app-dnn-sxc-angular-dev\node_modules\webpack\node_modules\enhanced-resolve\lib\createInnerCallback.js:31:19) 在下一个 (C:\Projects\app-dnn-sxc-angular-dev\node_modules\tapable\lib\Tapable.js:249:35) 在 resolver.doResolve.createInnerCallback (C:\Projects\app-dnn-sxc-angular-dev\node_modules\webpack\node_modules\enhanced-resolve\lib\DescriptionFilePlugin.js:44:6) 在 loggingCallbackWrapper (C:\Projects\app-dnn-sxc-angular-dev\node_modules\webpack\node_modules\enhanced-resolve\lib\createInnerCallback.js:31:19) 在 afterInnerCallback (C:\Projects\app-dnn-sxc-angular-dev\node_modules\webpack\node_modules\enhanced-resolve\lib\Resolver.js:168:10) 在 loggingCallbackWrapper (C:\Projects\app-dnn-sxc-angular-dev\node_modules\webpack\node_modules\enhanced-resolve\lib\createInnerCallback.js:31:19) 在下一个（C:\Projects\app-dnn-sxc-angular-dev\node_modules\tapable\lib\Tapable.js:252:11） 解决 './app/app.module.ngfactory' 在 'C:\Projects\app-dnn-sxc-angular-dev\src' 使用描述文件： C:\Projects\app-dnn-sxc-angular-dev\package.json（相对路径： ./src) 使用描述文件后，字段“浏览器”不包含有效的别名配置： C:\Projects\app-dnn-sxc-angular-dev\package.json（相对路径： ./src) 使用描述文件：C:\Projects\app-dnn-sxc-angular-dev\package.json（相对路径： ./src/app/app.module.ngfactory) 没有扩展 字段“浏览器”不包含有效的别名配置 C:\Projects\app-dnn-sxc-angular-dev\src\app\app.module.ngfactory 不存在 .ts 字段“浏览器”不包含有效的别名配置 C:\Projects\app-dnn-sxc-angular-dev\src\app\app.module.ngfactory.ts 不存在 .js 字段“浏览器”不包含有效的别名配置 C:\Projects\app-dnn-sxc-angular-dev\src\app\app.module.ngfactory.js 不存在 作为目录 C:\Projects\app-dnn-sxc-angular-dev\src\app\app.module.ngfactory 不存在

C:\Projects\app-dnn-sxc-angular-dev>

Answer 1

你可以试试这个：

ng build --prod --aot