Модуль не найден: ошибка: не удается найти параметры с идентификатором 'postcss' - PullRequest
Новая
       125

Модуль не найден: ошибка: не удается найти параметры с идентификатором 'postcss'

0 голосов
/ 11 сентября 2018

Я новичок в stackoverflow, чтобы задать вам вопрос, который я никогда не нахожу в Интернете ... Я надеюсь, что я на хорошем веб-сайте:)

Итак, вот моя проблема: я хотел бы импортировать некоторые CSS-файлы в реагирующее приложение из зависимостей node_modules. Я использую веб-пакет для разработки, и я получил ошибку, которую я не понимаю, и это в названии. Итак, вот подробности ошибки от компилятора: 

    ERROR in ./src/scss/app.scss
Module not found: Error: Can't find options with ident 'postcss'
 @ ./src/scss/app.scss 9:10-188
 @ ./src/app/App.js
 @ ./src/index.js
 @ multi (webpack)-dev-server/client?http://localhost:8080 (webpack)/hot/dev-server.js ./src

также, в навигационной консоли я получил это: 

Error: Cannot find module '-!../../node_modules/css-loader/index.js?{"importLoaders":1}!../../node_modules/postcss-loader/lib/index.js??postcss!react-big-calendar/lib/css/react-big-calendar.css'

то есть содержимое моего файла scss не может загрузить файлы css. App.scss: 

exports.i(require("-!../../node_modules/css-loader/index.js?{\"importLoaders\":1}!../../node_modules/postcss-loader/lib/index.js??postcss!react-big-calendar/lib/css/react-big-calendar.css"), "");

Вы также можете проверить мой конфигурационный файл webpack: 

const HtmlWebPackPlugin = require("html-webpack-plugin");

const htmlWebpackPlugin = new HtmlWebPackPlugin({
  template: "./src/index.html",
  filename: "./index.html"
});

module.exports = {
  module: {
    rules: [
      {
        test: /\.js$/,
        exclude: /node_modules/,
        use: {
          loader: "babel-loader"
        }
      },
      {
        test: /\.css$/,
        use: [
          'style-loader',
          { loader: 'css-loader', options: { importLoaders: 1 } },
          'postcss-loader'
        ]
      }
    ]
  },
  plugins: [htmlWebpackPlugin],
  resolve: {
    extensions: ['.js', '.jsx', '.json', '.css']
  }
};

Что не так с моим кодом?

Большое спасибо за помощь! Если я не очень ясно, пожалуйста, спросите меня любую другую информацию

...