CODEWITHSUNDEEP
webpackscss-lint
andiiii
andiiii

Reputation: 21

Error: Cannot find module 'stylelint' Webpack

I tried to include a scss linter to my webpack config file. But every time I run "npm run start" my console print this error message:

Error: Cannot find module 'stylelint'

The plugin is installed and my webpack.config.dev.js looks like this:

const merge = require('webpack-merge')
const webpack = require('webpack')
const common = require('./webpack.config.common')
const user = require('./scripts/utils/format-config')(require('./main.config.js'))
var styleLintPlugin = require('stylelint-webpack-plugin');

const cssLoaders = (
  [
    {
      loader: 'style-loader',
      options: {
        sourceMap: true,
        singleton: true // avoid CSS Flashing
      }
    }
  ].concat(common.CSSLoaders)
)

// append resolve-url-loader before the preprocessor loader so that
// we can avoid broken relative url with the dev server
if (user.css.preprocessorLoader) {
  for (let i = 0; i < cssLoaders.length; i++) {
    const obj = cssLoaders[i]
    if (obj.loader !== user.css.preprocessorLoader) continue
    cssLoaders.splice(i, 0,
      {
        loader: 'resolve-url-loader',
        options: { sourceMap: true }
      }
    )
    break
  }
}

const devConfig = {
  mode: 'development',
  entry: user.entries,
  module: {
    rules: [
      {
        test: user.css.sourceRegexExt,
        use: cssLoaders
      },
      {
        test: /\.(svg|png|jpg|gif|ttf|otf|woff|woff2|eot)$/,
        use: [
          {
            loader: 'file-loader',
            options: {}
          }
        ]
      }
    ]
  },
  plugins: [
    new webpack.NoEmitOnErrorsPlugin(),
    new webpack.NamedModulesPlugin(),
    new webpack.HotModuleReplacementPlugin(),
    new styleLintPlugin({
      configFile: '.stylelintrc',
      context: 'src',
      files: '**/*.scss',
      failOnError: false,
      quiet: false,
      syntax: 'scss',
    }),
  ],
  devtool: '#eval-source-map'
}

module.exports = merge(common.webpack, devConfig)

I would be happy for every answer =)I would be happy for every answer =)

Upvotes: 2

Views: 5199

Answers (1)

andiiii
andiiii

Reputation: 21

This here solved my problem. Check the link: https://github.com/webpack-contrib/stylelint-webpack-plugin/issues/166

Upvotes: 0

Related Questions