Javascript 网页包4响应意外令牌…(扩展运算符)
最近,我为我的Javascript 网页包4响应意外令牌…(扩展运算符),javascript,reactjs,webpack,babeljs,Javascript,Reactjs,Webpack,Babeljs,最近,我为我的react应用程序实施了webpack4设置 我的webpack.config.js如下所示 const HtmlWebPackPlugin = require('html-webpack-plugin'); const htmlWebpackPlugin = new HtmlWebPackPlugin({ template: './src/index.js', filename: './index.html', }); module.exports = { mod
react
应用程序实施了webpack4
设置
我的webpack.config.js
如下所示
const HtmlWebPackPlugin = require('html-webpack-plugin');
const htmlWebpackPlugin = new HtmlWebPackPlugin({
template: './src/index.js',
filename: './index.html',
});
module.exports = {
module: {
rules: [
{
test: /\.js$/,
exclude: /node_modules/,
use: {
loader: 'babel-loader',
},
},
{
test: /\.css$/,
use: [
{
loader: 'style-loader',
},
{
loader: 'css-loader',
options: {
modules: true,
importLoaders: 1,
localIdentName: '[name]_[local]_[hash:base64]',
sourceMap: true,
minimize: true,
},
},
],
},
],
},
plugins: [htmlWebpackPlugin],
};
这是我的package.json
脚本
"scripts": {
"dev": "webpack-dev-server --mode development --open",
"prod": "webpack --mode production"
}
这里的问题是,当我使用…
(扩展运算符)时,它抛出了一个错误
,我相信这是与巴别塔
有关的,它没有正确传输。如有任何建议,将不胜感激。谢谢
它抛出一个类似下面的错误
ERROR in ./src/index.js
Module build failed: SyntaxError: D:/cp/src/index.js: Unexpected token (31:6)
29 | return {
30 | headers: {
> 31 | ...headers,
| ^
32 | authorization: token ? `Bearer ${token}` : null,
33 | },
34 | };
只需安装babel插件转换对象rest-spread
模块。
然后将其添加到.lrc:
"plugins": [
"babel-plugin-transform-object-rest-spread",
],
甚至没有github页面。如果使用此选项,您将在控制台上看到太多输出,并且没有选项使其静音或使用“verbose”。我建议您使用
. 然后将其添加到.babelrc
{
"presets": ["@babel/preset-env", "@babel/preset-react"],
"plugins": [
"@babel/plugin-transform-spread"
]
}
..
不是(也不能是)操作员。@kiarashws:js.js
文件中报告了错误,这会有什么帮助?你的.babelrc中有什么?@wgcrouch{“预设”:[“env”,“react”]}。如果不使用.babelrc,那么在模块规则选项下的网页包配置中添加以下内容,插件:[“transform-object-rest-spread”]
{
"presets": ["@babel/preset-env", "@babel/preset-react"],
"plugins": [
"@babel/plugin-transform-spread"
]
}