Предупреждения и ошибки при компиляции AOT

У меня есть некоторые предупреждения и ошибки в режиме AOT, в режиме JIT все в порядке.

В режиме AOT приложение отлично работает в браузере, но во время сборки у меня появляются предупреждения и сообщения об ошибках, например:

Например, первое предупреждение:

WARNING in ./~/@swimlane/ngx-charts/release/ngx-charts.module.js
Cannot find source file '../build/ngx-charts.module.ts': Error: Can't resolve '../build/ngx-charts.module.ts' in '/Users/guest/Prive/DevAngular/proto-chartev3-angular/node_modules/@swimlane/ngx-charts/release'
 @ ./aot/src/app/app.module.ngfactory.ts 60:0-70
 @ ./src/main-aot.ts
 @ multi ./src/main-aot

Например первая ошибка:

ERROR in ./~/@swimlane/ngx-charts/release/common/base-chart.component.css
    Module build failed: Error: "extract-text-webpack-plugin" loader is used without the corresponding plugin, refer to https://github.com/webpack/extract-text-webpack-plugin for the usage example
        at Object.module.exports.pitch (/Users/guest/Prive/DevAngular/proto-chartev3-angular/node_modules/extract-text-webpack-plugin/loader.js:27:9)

версия ngx-диаграмм: 6.0.1

Угловая версия: 4.2.4

Версия веб-пакета: 2.2.1

Что я делаю не так?


angular aot ngx-charts
person dombr    schedule 09.08.2017    source источник
comment
Я вижу аналогичные предупреждения, используя @angular/cli@8 со сборкой AOT, особенно с пакетами ngx-charts и ngx-cookie-service. Приложение по-прежнему работает нормально, однако кажется, что исходные карты не связаны в браузере для этих пакетов. Я пытался исключить эти пакеты из обработки загрузчиком исходной карты, но пока безуспешно.   -  person Brian De Sousa    schedule 04.07.2019

Ответы (1)


arrow_upward
0
arrow_downward

Я предполагаю, что это проблема с конфигурацией вашего веб-пакета. Я решил ошибку extract-text-webpack-plugin следующим образом:

// css loader for app styles
    {
      test: /\.css$/,
      exclude: /node_modules/,
      loader: ExtractTextPlugin.extract({
        fallback: 'style-loader',
        use: [
          { loader: 'css-loader', options: { minimize: true } },
        ],
      }),
    },
    // css loader for node_modules to prevent nasty warnings
    {
      test: /\.css$/,
      exclude: path.join(__dirname, 'src/frontend'),
      use: ['raw-loader', 'sass-loader'],
    },

Чтобы получить все стили из node_modules, вам нужно импортировать их где-нибудь в файл styles.ts:

@import '~@swimlane/ngx-charts/release/index.css';
person Luke    schedule 26.01.2018