webpack 错误 - bundle.js 中的错误来自 UglifyJs 意外的令牌：名称（urlParts）

Question

我开始学习webpack了。我创建了一个简单的配置文件：

const path = require('path');
const webpack = require('webpack');

module.exports = {
  context: __dirname,
  entry: './src/index.js',
  output: {
  filename: 'bundle.js',
  publicPath: '/',
  path: path.resolve(__dirname, 'dist')
},
devtool: 'inline-source-map',
devServer: {
  contentBase: path.join(__dirname, 'dist'),
  hot: true
},
plugins: [new webpack.HotModuleReplacementPlugin()],
module: {
  rules: [
    {
      test: /\.js$/,
      exclude: /node_modules/,
      include: path.join(__dirname, 'src'),
      use: ['babel-loader']
    },
    {
      test: /\.css$/,
      use: ['style-loader', 'css-loader']
    },
    {
      test: /\.(png|svg|jpg|gif)$/,
      use: ['file-loader']
    },
    {
      test: /\.(woff|woff2|eot|ttf|otf)$/,
      use: ['file-loader']
    }
   ] 
 }
};

然后我用一个简单的 console.log('hello').

创建了 src/index.js

在 package.json 我把这个： "start": "webpack-dev-server --config webpack.config.local.js -p",

当我在终端中运行 "npm start" 时，我得到了这个奇怪的错误：

来自 UglifyJs 的 bundle.js 中的错误意外的标记：名称 (urlParts) [(webpack)-dev-server/client?http://localhost:8080:24,0][bundle.js:4026,4]

bundle.js 看起来很奇怪，因为我没有编写所有这些代码。我用谷歌搜索但找不到解决方案，你知道我做错了什么吗？谢谢！

编辑：我在 .babelrc 中添加了这个，但仍然有同样的错误：

{"presets": ["react", "stage-2", "es2015"]}

Answer 1

从您的 npm 脚本中删除 -p，这就是缩小代码的原因。看来您正在使用 webpack-dev-server 和一个 config.local 文件，所以我认为这仅适用于本地开发，在这种情况下，不需要来自 webpack 的 -p。

关于 bundle.js 的大小，我看到您排除了 node_modules 文件夹，所以对我来说似乎没问题。尝试在您的 package.json 中添加一个新脚本，如下所示：

"build": ""webpack --config webpack.config.local.js"

并查看将要创建的文件，以便您更好地了解发生了什么。希望对您有所帮助，干杯！

webpack 错误 - bundle.js 中的错误来自 UglifyJs 意外的令牌：名称（urlParts）

webpack error -ERROR in bundle.js from UglifyJs Unexpected token: name (urlParts)

javascript

node.js

node-modules

webpack

babeljs