У меня есть приложение Angular (7+) с диаграммой Plotly.JS.
Из-за сюжета мне пришлось использовать собственный скрипт webpack и ify-загрузчик (см. сюжетная документация ).
С тех пор я использовал --aot
при построении, чтобы выдавать такие ошибки:
ERROR in ./node_modules/@angular/material/button/typings/index.ngfactory.js
Module build failed (from ./node_modules/ify-loader/index.js):
Error: Invalid name: "@angular/material/button"
at ensureValidName (.\node_modules\normalize-package-data\lib\fixer.js:335:15)
at Object.fixNameField (.\node_modules\normalize-package-data\lib\fixer.js:215:5)
at .\node_modules\normalize-package-data\lib\normalize.js:32:38
at Array.forEach (<anonymous>)
at normalize (.\node_modules\normalize-package-data\lib\normalize.js:31:15)
at final (.\node_modules\read-package-json\read-json.js:411:5)
at then (.\node_modules\read-package-json\read-json.js:160:5)
at ReadFileContext.<anonymous> (.\node_modules\read-package-json\read-json.js:332:20)
at ReadFileContext.callback (.\node_modules\graceful-fs\graceful-fs.js:90:16)
at FSReqWrap.readFileAfterOpen [as oncomplete] (fs.js:235:13)
Кажется, все они связаны с Материальными компонентами. Если я не использую --aot
, все работает.
Для обработки конфигурации веб-пакета я использую ngx-build-plus
со следующим файлом:
module.exports = {
module: {
rules: [
{
test: /\.js$/,
loader: 'ify-loader'
}
]
}
}