我使用create-react-app来创建一个react应用程序 .
运行弹出后,我无法使用扩展运算符,如下所示:
//eslint-disable-next-line
const { children, ...attributes } = this.props; //Line 19
当我开始纱线开始时,它一直给我这个错误
第19行:解析错误:意外的令牌..
Webpack Dev Server我尝试将所有预设和转换插件添加到webpack dev server config和.babelrc但没有运气
// Process JS with Babel.
{
test: /\.(js|jsx|mjs)$/,
include: paths.appSrc,
loader: require.resolve('babel-loader'),
options: {
presets:['react','es2015','env',"stage-2"],
plugins: ["transform-object-rest-spread"],
// This is a feature of `babel-loader` for webpack (not Babel itself).
// It enables caching results in ./node_modules/.cache/babel-loader/
// directory for faster rebuilds.
cacheDirectory: true,
},
},
// "postcss" loader app
而在babel rc文件中也是如此//.babelrc
{
"presets":["env","react","stage-2"],
"plugins": [
["transform-object-rest-spread", { "useBuiltIns": true }]
]
}
如果我不弹出脚本,它工作正常 .
1 回答
所以这个问题最终成了问题 . Webpack配置在babel之前加载它
添加解析器选项修复了它 .