Библиотека зависимостей не может получить доступ к импорту относительных узловых модулей - PullRequest
0 голосов
/ 10 апреля 2020

Мне нужно добавить зависимость UI toolkit в мой проект. Зависимость внедряет две библиотеки в нод-модули

—toolkit
 —toolkit-core
 —toolkit-ui

Мне нужно использовать файлы из toolkit-ui. Но инструментарий-пользовательский интерфейс импортирует относительную зависимость, как показано ниже:

@import "toolkit-core/tools"

Когда проект компилируется, он выдает следующее сообщение об ошибке:

ERROR in ./css/app.scss (./node_modules/css-loader!./node_modules/postcss-loader/src??ref--5-2!./node_modules/resolve-url-loader!./node_modules/sass-loader/dist/cjs.js!./css/app.scss)
    Module build failed (from ./node_modules/sass-loader/dist/cjs.js):

@import "toolkit-core/tools";
^
  File to import not found or unreadable: toolkit-core/tools.

Мой веб-пакет настроен, как показано ниже

const { resolve, join} = require('path');
const autoprefixer = require('autoprefixer');
const postCssLoader = {
  loader: 'postcss-loader',
  options: {
    plugins: function() {
      return [autoprefixer({ browsers: ['last 2 versions', 'ie 10'] })];
    }
  }
};
module.exports = (projectDir) => [
…
  {
    test: /\.(scss|css)$/,
    use: [
    'style-loader', 'css-loader', postCssLoader, 'resolve-url-loader', 
     {
            loader: 'sass-loader',
            options: {
              sourceMap: true,
              minimize: true,
              includePaths: [path.join(__dirname, 'node_modules')],
            }
          }
    ]
  },
…
]

Может кто-нибудь подсказать, пожалуйста, как я могу решить эту проблему? Спасибо

1 Ответ

0 голосов
/ 22 апреля 2020

Я решил выше.

Я импортировал загрузчики веб-пакетов из общей директории сборки. Я пытался переопределить его, добавив новое правило для scss|css. Но это не сработало. Webpack использовал первое правило для scss|css загрузчиков.

Однако, если я заменю это правило своим правилом в приложении. Это работает.

...