我在webpack中运行build production时遇到了问题。但是当我使用dev-server运行时,更多的代码不会出错。请帮帮我我必须完成我的最后一个项目,它必须运行良好的生产模式。我希望我能从你们那里得到一个解决方案。
下面是我在运行构建时错误:
/MovieDB/node_modules/jest-worker/build/WorkerPool.js:25
} catch {
^
SyntaxError: Unexpected token {
at NativeCompileCache._moduleCompile (/home/donquixote/Desktop/dicoding-submission/MovieDB/node_modules/v8-compile-cache/v8-compile-cache.js:240:18)
at Module._compile (/home/donquixote/Desktop/dicoding-submission/MovieDB/node_modules/v8-compile-cache/v8-compile-cache.js:186:36)
at Object.Module._extensions..js (module.js:663:10)
at Module.load (module.js:565:32)
...
at Object.Module._extensions..js (module.js:663:10)
at Module.load (module.js:565:32)
at tryModuleLoad (module.js:505:12)
at Function.Module._load (module.js:497:3)
error Command failed with exit code 1.
info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.
字符串
下面是我webpack.common.js:
const path = require('path');
const webpack = require('webpack');
const HtmlPackPlugin = require('html-webpack-plugin');
const terserPlugin = require('terser-webpack-plugin');
module.exports = {
entry: './src/index.js',
output: {
path: path.resolve(__dirname, 'dist'),
filename: 'bundle.js'
},
module: {
rules: [
{
test: /\.css$/,
use: ['style-loader', 'css-loader']
}
]
},
plugins: [
new HtmlPackPlugin({
template: './src/index.html',
filename: 'index.html'})
],
optimization: {
minimize: true,
minimizer: [
new terserPlugin({
test: /\.js(\?.*)?$/i,
})
],
sourceMap: true
}
}
型
这里是我的webpack.dev.js
const merge = require('webpack-merge');
const common = require('./webpack.common.js');
module.exports = merge(common, {
mode: "development",
devtool: 'inline-source-map'
})
型
2条答案
按热度按时间cbjzeqam1#
你用的是什么版本的Node.js?
我在运行最新的terser-webpack-plugin@3.0.2时也遇到了同样的错误。根据发布日志,3.0.0中引入了一些突破性的更改,其中之一是“最低支持的Node.js版本为10.13”
当我将terser-webpack-plugin降级到2.3.6时,它工作了。
因此,如果您使用的是10.13之前的版本,则可能需要升级Node.js,或者降级terser-webpack-plugin。
2izufjch2#
这是什么做的工作,为我,有点类似的错误
字符串
我当时也在使用旧版本的node,当我这样做的时候
型
这是我安装的最新版本,它开始工作了。