Динамический c импорт из node_modules выдает «Не удается прочитать свойство 'вызов' из неопределенного" - PullRequest
0 голосов
/ 21 апреля 2020

Версия Webpack-stream: 5.2.1

npm версия: 6.14.4

версия узла: v10.13.0

платформа: windows10

Я использую gulp + webpack-stream для двух модулей: библиотек. js и page. js

Проблема касается только импорта из node_modules в page. js, тоже самое Импорт в библиотеки. js хорошо работает.

Импортируйте модуль как

import 'slick-carousel/slick/slick';

и даже просто импортируйте, выдает эту ошибку без вызова

Полная кодовая страница. js

'use strict';

import '../_modules/forms/doctor-review';
import 'slick-carousel/slick/slick';

$(window).on('load', function () {
  $('.js-slick').slick();
});

Конфигурация веб-пакета для библиотек. js:

{
          mode: λ.mode,
          output: {
            pathinfo: false,
          },
          plugins: [
            new webpack.ProvidePlugin({
              $: 'jquery',
              jQuery: 'jquery',
            }),
          ],
          module: {
            rules: [
              {
                test: /\.js$/,
                exclude: /(node_modules)/,
                use: {
                  loader: 'babel-loader',
                  options: {
                    presets: ['@babel/preset-env'],
                  },
                },
              },
            ],
          },
          optimization: {
            splitChunks: {
              cacheGroups: {
                default: false,
                vendors: false,
                vendor: {
                  chunks: 'all',
                  test: /node_modules/,
                },
              },
            },
          },
        }

Конфигурация веб-пакета для страницы. js:

{
              mode: λ.mode,
              output: {
                pathinfo: false,
              },
              plugins: [],
              module: {
                rules: [
                  {
                    test: /\.js$/,
                    exclude: /(node_modules)/,
                    use: {
                      loader: 'babel-loader',
                      options: {
                        presets: ['@babel/preset-env'],
                      },
                    },
                  },
                ],
              },
              optimization: {
                namedModules: true,
                namedChunks: true,
                splitChunks: {
                  cacheGroups: {
                    default: false,
                    vendors: false,
                    vendor: {
                      chunks: 'all',
                      test: /node_modules/,
                    },
                  },
                },
              },
            }
...