我使用Angular-cli创建了一个应用程序,当我运行ng serve
或ng build
时,一切正常,我没有任何错误;但是当我运行ng build -aot
时,我有以下错误:
子编译中的错误失败: 模块构建失败:错误:“extract-text-webpack-plugin”加载器在没有使用的情况下使用 相应的插件
参考https://github.com/webpack/extract-text-webpack-plugin 对于Object.module.exports.pitch的用法示例 : 错误:使用“extract-text-webpack-plugin”加载器而没有相应的插件
请参阅https://github.com/webpack/extract-text-webpack-plugin了解用法示例
> ./src/main.ts中的错误 找不到模块:错误:无法解析'C:... \ src'中的'./$$_gendir/app/app.module.ngfactory' @ ./src/main.ts 4:0-74 @ multi ./src/main.ts
我试过看Github,但我不明白可能是什么问题。我也尝试更新所有模块和angular-cli,但它使它变得更糟(应用程序不再工作,构建需要花费一个多小时的新错误)
这可能来自哪些想法以及如何解决这些错误?
版本:
-
编辑 - 所以我跟着this tutorial:安装@ angular / platform-server,创建一个tsconfig-aot.json,运行"node_modules/.bin/ngc" -p tsconfig-aot.json
并编辑我的main.ts来自
import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
import { AppModule } from './app/app.module';
platformBrowserDynamic().bootstrapModule(AppModule);
到
import { platformBrowser } from '@angular/platform-browser';
import { AppModuleNgFactory } from '../aot/src/app/app.module.ngfactory';
platformBrowser().bootstrapModuleFactory(AppModuleNgFactory);
现在我只有一个错误:
试图找到boostrap代码,但无法找到。可以指定静态可分析的引导代码,也可以将entryModule传递给插件选项。
at Object.resolveEntryModuleFromMain C:... \ node_modules \ @ngtools \ webpack \ src \ entry_resolver.js:128:11
在AotPlugin._setupOptions C:... \ node_modules \ @ngtools \ webpack \ src \ plugin.js:142:50
在新的AotPlugin C:... \ node_modules \ @ngtools \ webpack \ src \ plugin.js:26:14
at _createAotPlugin C:... \ node_modules \ @angular \ cli \ models \ webpack-configs \ typescript.js:55:12
atObject.exports.getNonAotConfig C:... \ node_modules \ @angular \ cli \ models \ webpack-configs \ typescript.js:70:19
在NgCliWebpackConfig.buildConfig C:... \ node_modules \ @angular \ cli \ models \ webpack-configs.js:27:37
在Class.run C:... \ node_modules \ @angular \ cli \ tasks \ serve.js:37:98
at check_port_1.checkPort.then.port C:... \ node_modules \ @angular \ cli \ commands \ serve.js:103:26
at process._tickCallback internal / process / next_tick.js:109:7