webpack-contrib / postcss-loader

PostCSS loader for webpack

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

I get the following message

arman-mukatov opened this issue · comments

ERROR in ./src/containers/SupportPage/SupportInner.less
Module build failed (from ./node_modules/mini-css-extract-plugin/dist/loader.js):
ModuleError: Module Error (from ./node_modules/postcss-loader/dist/cjs.js):
Loading PostCSS "postcss-import" plugin failed: The "path" argument must be of type string. Received undefined

(@/project/src/containers/SupportPage/SupportInner.less)
at Object.emitError (/project/node_modules/webpack/lib/NormalModule.js:524:6)
at getPostcssOptions (/project/node_modules/postcss-loader/dist/utils.js:222:19)
at Object.loader (/project/node_modules/postcss-loader/dist/index.js:57:42)
@ ./src/containers/SupportPage/SupportInner.js 9:0-50 88:17-40 90:17-41 92:17-41 98:66-88 105:17-42 112:21-46 117:21-45 119:21-43
@ ./src/containers/SupportPage/Loadable.js 108:13-50 81:21-85:3
@ ./src/routes.js 6:0-82 40:15-26 43:15-31
@ ./src/client.js 17:0-28 86:30-36

webpack-5.28.0
postcss-8.2.8
postcss-import-14.0.0
postcss-loader-5.2.0
postcss-preset-env-6.7.0

postcss.config.js

module.exports = ({ file }) => ({
    plugins: {
      'postcss-import': {
        root: file.dirname
      },
      'postcss-url': [
        {
          filter: './**.*',
          url: asset => `./${asset.url}`
        },
      ],
      'postcss-preset-env': {
        stage: 3,
        browsers: 'last 2 version',
      },
      'postcss-browser-reporter': {},
      'postcss-reporter': {},
      'cssnano': {},
    }
});

webpack config:

{
        test: /\.less$/,
        use: [
          {
            loader: MiniCssExtractPlugin.loader
          },
          {
            loader: 'css-loader',
            options: {
              modules: {
                localIdentName: 'k_[hash:base64:5]'
              },
              importLoaders: 2,
              sourceMap: true
            }
          },
          {
            loader: 'postcss-loader',
            options: {
              sourceMap: true
            }
          },
          {
            loader: 'less-loader'
          }
        ]
      },

Thank you for creating this issue. However, issues need to follow one of our templates so that we can clearly understand your particular circumstances.

Please help us help you by recreating the issue using one of our templates.

Bug in postcss-import, please read message