Блог

Главная - Вопросы по программированию - сбой css-loader- Build

сбой css-loader- Build

#webpack #css-loader

#webpack #css-loader

Вопрос:

Версии зависимостей:

 "css-loader": "^4.3.0",
"style-loader": "^1.2.1",
"webpack": "^2.2.0-rc.0"

Вот мой webpack.config.js файл-

 const path = require('path');
      const config = {
      entry: './src/index.js',
      output: {
       path: path.resolve(__dirname, 'build'),
       filename: 'main.bundle.js'
    },
      module: {
         rules: [
            { use: 'babel-loader', test: /.js$/ },
            { use: ['style-loader', 'css-loader'], test: /.css$/ }
         ]
     }
   }

…………………………………………..
Я получаю сообщение об ошибке ниже:

 keywords if/then/else require v5 option
(node:15780) UnhandledPromiseRejectionWarning: TypeError: this.getResolve is not a function
    at Object.loader (C:Projectswebpack-testnode_modulescss-loaderdistindex.js:62:27)

Комментарии:

1. это. getResolve — это не функция. Но было бы действительно здорово, если бы вы могли показать файл конфигурации webpack 🙂

2. @SergejKlackovskis Ниже приведен мой конфигурационный файл webpack const path = require(‘путь’); const config = { запись: ‘./src/index.js ‘, вывод: { путь: path.resolve(__dirname, ‘build’), имя файла: ‘main.bundle.js ‘ }, модуль: { правила: [ { использовать: ‘babel-loader’, тест: /.js $/ }, { использовать: [‘style-loader’, ‘css-loader’], тест: /.css $/ } ] } } module.exports = config;

3. не могли бы вы добавить это в вопрос и приукрасить его. В противном случае это нечитаемо…

4. @SergejKlackovskis Пожалуйста, проверьте это сейчас

Ответ №1:

Я предполагаю, что вам нужно обновить webpack версию или понизить ее css-loader . Возможно, вам также нужно что-то сделать с style-loader .

Для загрузки Css требуется webpack версии 4.27.0 и выше.

 "peerDependencies": {
    "webpack": "^4.27.0 || ^5.0.0"
},