Webpack 节点 sass 错误

Question

我有以下：

const HtmlWebpackPlugin = require('html-webpack-plugin');  
const injectConfig = new HtmlWebpackPlugin({  
  template: './index.html',
  filename: 'index.html',
  inject: 'body'
});

module.exports = {  
  context: __dirname + '/app',
  entry: './index.js',
  output: {
    path: __dirname + '/build',
    filename: 'bundle.js'
  },
  module: {
    loaders: [
      { test: /\.js$/, loader: 'babel-loader', exclude: /node_modules/ },
      { test: /\.jsx?$/, loader: 'babel-loader', exclude: /node_modules/ },
      { test: /\.scss$/, loaders: ['style-loader', 'css-loader', 'sass-loader'], exclude: /node_modules/ }
    ]
  },
  plugins: [injectConfig]
}

当我按照我的 package.json 运行“npm run start”时：

{
  "name": "react-chart",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "start": "webpack-dev-server"
  },
  "author": "Alessandro Santese",
  "license": "ISC",
  "dependencies": {
    "html-webpack-plugin": "^2.30.1",
    "node-sass": "^4.6.0",
    "react": "^16.0.0",
    "react-dom": "^16.0.0",
    "react-easy-chart": "^0.3.0",
    "recharts": "^1.0.0-beta.0",
    "webpack": "^3.8.1",
    "webpack-dev-server": "^2.9.4"
  },
  "devDependencies": {
    "babel-plugin-transform-class-properties": "^6.24.1",
    "babel-plugin-transform-object-rest-spread": "^6.26.0"
  }
}

我收到以下错误：

Answer 1

前段时间出现此错误，请尝试以下操作 - 对我有用：

1. 在您的项目中运行 npm rebuild node-sass，然后尝试重新运行您的 webpack 构建
2. 如果这样做无助于删除项目中的 node_modules 目录并重新构建 webpack

我认为第一个应该已经解决了您的问题，但如果不是第二个应该可以解决问题。

Answer 2

这有帮助：

sudo npm cache clean -f
sudo npm install -g n
sudo n 6.0.0