gpt4 book ai didi

javascript - Webpack: ES6 语法给出模块构建失败: SyntaxError: Unexpected token

转载 作者:行者123 更新时间:2023-11-29 16:06:13 25 4
gpt4 key购买 nike

我正在尝试使用固定数据表的示例,并将其与 webpack bundle 在一起。

我正在使用 babel-loader 并且我的代码在其他方面没有问题地打包。

运行 webpack 指向一个错误,据我所知这是 ES6 语法的一部分(不是 ES5)... ... ,例如这里:

渲染(){
var {sortDir, children, ...props} = this.props;

特别是 ...props

这是我的 webpack 配置:

"use strict";

var webpack = require("webpack");

module.exports = {
entry: {
app: './app.js',
vendor: ["fixed-data-table","react","react-dom","jquery", "bootstrap", "vis", "chart.js"],
},
output: { path: "./", filename: 'bundle.js' },

plugins: [
new webpack.optimize.CommonsChunkPlugin(/* chunkName= */"vendor", /* filename= */"vendor.bundle.js"),
new webpack.ProvidePlugin({
$: "jquery",
jQuery: "jquery"
})
],

module: {
loaders: [
{
test: /.js?$/,
loader: 'babel-loader',
exclude: /node_modules/,
query: {
presets: ['es2015', 'react']
}
}
]
},
};

我正在使用 es2015 并作为预设使用react并使用 babel-loader 加载。它应该理解和处理 ES6 语法,怎么会抛出语法错误?

这是我的 Package.json。我可能需要升级某些版本吗?

{
"name": "test",
"version": "1.0.0",
"main": "main.js",
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1"
},
"author": "",
"license": "ISC",
"devDependencies": {
"babel-core": "^6.3.17",
"babel-loader": "^6.2.0",
"babel-preset-es2015": "^6.3.13",
"babel-preset-react": "^6.3.13",
"babel-runtime": "^6.3.19",
"webpack": "^1.12.9"
},
"dependencies": {
"bootstrap": "^3.3.7",
"chart.js": "^2.4.0",
"fixed-data-table": "^0.6.0",
"jquery": "^3.1.0",
"react": "^0.14.3",
"react-dom": "^0.14.3",
"vis": "^4.17.0"
},
"description": ""
}

最佳答案

我需要 babel preset 向后兼容 ES7。

解决者:

npm install babel-preset-stage-0 --save-dev

接着在上面的webpack config中添加preset:

presets: ['es2015', 'react', 'stage-0']

关于javascript - Webpack: ES6 语法给出模块构建失败: SyntaxError: Unexpected token,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41396428/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com