Javascript 使用提取文本网页包插件时出错

我对前端相当陌生，我一直在努力学习webpack。我在使用Extract Text Webpack插件时遇到了一些我似乎无法理解的问题。我非常感谢在这个话题上的任何帮助。此外，欢迎任何建议/提示

警告/错误 ./~/chokidar/lib/fsevents-handler.js中的警告 未找到模块：错误：无法解析C:\Git\JNJ.Web\src\JNJ.Web.UI\client\node\u modules\chokidar\lib中的模块“fsevents” @./~/chokidar/lib/fsevents-handler.js 7:17-36

（网页包）/~/constants browserify/constants.json中出错 模块分析失败：C:\Users\christian\AppData\Roaming\npm\node\u modules\webpack\node\u modules\constants browserify\constants.json意外令牌（2:12） 您可能需要适当的加载程序来处理此文件类型。 SyntaxError:意外标记（2:12） 在Parser.pp$4.raise（C:\Users\christian\AppData\Roaming\npm\node\u modules\webpack\node\u modules\acorn\dist\acorn.js:2221:15） 位于Parser.pp.unexpected（C:\Users\christian\AppData\Roaming\npm\node\u modules\webpack\node\u modules\acorn\dist\acorn.js:603:10） 分号（C:\Users\christian\AppData\Roaming\npm\node\u modules\webpack\node\u modules\acorn\dist\acorn.js:581:61） 位于Parser.pp$1.parseExpressionStatement（C:\Users\christian\AppData\Roaming\npm\node\u modules\webpack\node\u modules\acorn\dist\acorn.js:966:10） 在Parser.pp$1.parseStatement（C:\Users\christian\AppData\Roaming\npm\node\u modules\webpack\node\u modules\acorn\dist\acorn.js:730:24） 在Parser.pp$1.parseBlock（C:\Users\christian\AppData\Roaming\npm\node\u modules\webpack\node\u modules\acorn\dist\acorn.js:981:25） 在Parser.pp$1.parseStatement（C:\Users\christian\AppData\Roaming\npm\node\u modules\webpack\node\u modules\acorn\dist\acorn.js:709:33） Parser.pp$1.parseTopLevel（C:\Users\christian\AppData\Roaming\npm\node\u modules\webpack\node\u modules\acorn\dist\acorn.js:638:25） 在Parser.parse（C:\Users\christian\AppData\Roaming\npm\node\u modules\webpack\node\u modules\acorn\dist\acorn.js:516:17） 在Object.parse（C:\Users\christian\AppData\Roaming\npm\node\u modules\webpack\node\u modules\acorn\dist\acorn.js:3098:39） @./~/fs/polyfills.js 2:16-36

package.json webpack.config.js （网页包）/~/constants browserify/constants.json中出现错误。[…]

您正在使用的一些模块需要一些json文件，因此您必须在

resolve.extensions

上允许

.json

resolve: {
  root: path.resolve(__dirname),
  alias: aliases,
  extensions: ['', '.js', '.jsx', '.css', '.json']
}

---

尝试在

resolve.extensions

数组中添加

.json

。不幸的是，我仍然收到相同的错误和警告。我真的以为这会奏效=/

var aliases = require('./task-ticket/aliases.js');
var path = require('path');
var ExtractTextPlugin = require('extract-text-webpack-plugin');

module.exports = {
  devtool: 'cheap-module-eval-source-map',
  entry: './task-ticket/index.jsx',
  output: {
    path: path.join(__dirname, '/build'),
    filename: 'bundle.js'
  },
  module: {
    loaders: [{
      exclude: /node_modules/,
      test: /\.jsx?$/,
      loader: 'babel-loader',
      query: {
        presets: ['es2015', 'react', 'stage-1']
      }
    },
    {
      test: /\.css?$/,
      loader: ExtractTextPlugin.extract('style-loader', 'css-loader')
    }]
  },
  plugins: [
    new ExtractTextPlugin('style.css')
  ],
  node: {
    fs: 'empty'
  },
  resolve: {
    root: path.resolve(__dirname),
    alias: aliases,
    extensions: ['', '.js', '.jsx', '.css']
  }
};

resolve: {
  root: path.resolve(__dirname),
  alias: aliases,
  extensions: ['', '.js', '.jsx', '.css', '.json']
}