Babel编译错误SyntaxError:使用spread运算符时出现意外的标记

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Babel编译错误SyntaxError:使用spread运算符时出现意外的标记相关的知识,希望对你有一定的参考价值。

我正在使用最新版本的节点,但是当我尝试使用spread operator babel时,即使在我安装@ babel / plugin-proposal-object-rest-spread之后也会出现“意外”令牌

  Items = () => {
    return Item.find().then( items => {
        return items.map( item => {
            return {
                ...item._doc,
                 _id: item.id,
                date: new Date(item.date).toISOString()
            };
        })
    }).catch(e => {
        throw e
    })
答案

要支持spread运算符,您需要在基础项目上安装transform-object-rest-spread插件

npm install --save-dev babel-plugin-transform-object-rest-spread
// or 
yarn add babel-plugin-transform-object-rest-spread --dev

然后在项目目录中创建一个.babelrc文件

{
  "plugins": ["transform-object-rest-spread"]
}

如果你已经添加了这个插件

{
  "plugins": ["XXX", "YYY", .... ,"transform-object-rest-spread"]
}

以上是关于Babel编译错误SyntaxError:使用spread运算符时出现意外的标记的主要内容,如果未能解决你的问题,请参考以下文章

Webpack - Babel - 解析 JSX: SyntaxError: Unexpected token

Webpack Babel 加载错误 - Uncaught SyntaxError: Unexpected token import [重复]

babel watch SyntaxError: Unexpected token

SyntaxError: Unexpected token import Webpack 2 Babel 6 Reactjs

babel无法识别jsx语法... SyntaxError:意外的令牌(25:1)[重复]

ES6编译问题SyntaxError: Unexpected token import