带有 webpack 的 Angular 4 AOT

Question

我正在使用 angular 4 和 webpack 2 并尝试使用 AOT，但它给了我这个错误:10% building modules 4/5 modules 1 active ..._modules/intl/locale-data/jsonp/en.jsModuleNotFoundError:找不到模块:错误:无法解析'/Users/xyz/angular-upgrade/backend/myapp/angular 中的'./../$$_gendir/src/app/app.module.ngfactory'/src'.

这是我的webpack.config:

new AotPlugin({
  tsConfigPath: './tsconfig.json',
  entryModule: './src/app/app.module#AppModule'
}),

我用来构建的脚本是:"build": "rimraf dist && webpack --config config/webpack.prod.js --progress --profile --bail"

下面是我的tsconfig.json:

{
  "compilerOptions": {
    "target": "es5",
    "module": "commonjs",
    "moduleResolution": "node",
    "sourceMap": true,
    "emitDecoratorMetadata": true,
    "experimentalDecorators": true,
    "lib": ["es2015", "dom"],
    "noImplicitAny": false,
    "suppressImplicitAnyIndexErrors": true
  },
  "exclude": [
    "node_modules",
    "bower_components"
  ]
}

Answer 1

AOT现在不支持2.0.10以上的typescript版本。你需要确保这一点。此外，您必须将一些 Angular 模块(如 http、平台浏览器或核心)更改回 Angular 2——我使用的是 2.4.0 版本——因为 2.0.10 或以下版本的 typescript 不支持它们!