我正在使用 Angular CLI 构建 Angular 4 应用程序。在部署到产品之前,我想做 aot 和缩小。于是我执行了如下命令
ng build --environment=prod --prod --base-href /myapp/
这给了我以下错误
ERROR in Error encountered resolving symbol values statically. Calling function 'ControlValueAccessorProviderFactory', function calls are not supported. Consi
der replacing the function or lambda with a reference to an exported function, resolving symbol DatePicker in D:/myapp/node_modules/angular-i
o-datepicker/src/datepicker/datePicker.d.ts, resolving symbol DatePicker in D:/myapp/node_modules/angular-io-datepicker/src/datepicker/datePi
cker.d.ts
ERROR in ./src/main.ts
Module not found: Error: Can't resolve './$$_gendir/app/app.module.ngfactory' in 'D:\myapp\src'
@ ./src/main.ts 4:0-74
@ multi ./src/main.ts
Datepicker 模块提示它是一个外部模块 ( https://www.npmjs.com/package/angular-io-datepicker )。
有人可以提出可能存在的问题以及我该如何解决吗?
最佳答案
根据这里:
https://github.com/qdouble/angular-webpack2-starter#aot--donts
在这里:
https://github.com/rangle/angular-2-aot-sandbox#func-in-providers-top
Angular 无法静态分析的事物类型之一是在 providers
中调用的函数。
查看您拥有的库:
https://github.com/rd-dev-ukraine/angular-io-datepicker/blob/master/src/datepicker/datePicker.d.ts
看起来这里有这行 Component
providers
providers: [ControlValueAccessorProviderFactory(DatePicker)
ControlValueAccessorProviderFactory
来自这里:
https://github.com/rd-dev-ukraine/angular-io-datepicker/blob/master/src/datepicker/common.ts
在这种情况下,我们看到我们正在导出一个在 providers
数组中直接调用的函数。
所以我认为这会导致静态分析出现问题,从而导致您的构建失败。我认为图书馆必须改变他们处理程序的方式才能编译。
关于angular - 具有外部模块的 Angular 4 中的 Aot 和缩小失败,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45397481/