Mocha为ES6对象散布运算符引发了意外的令牌错误

c10b10

运行mocha时,Unexpected token如果我在应用程序中使用对象传播运算符,它将突然中断并显示错误消息:

SyntaxError: ../app/middleware/api.js: Unexpected token (30:13)
  28 |
  29 |   // Dispatch beginning action
> 30 |   dispatch({ ...payload, type: startAction });

将其替换为Object.assign可解决此问题。我将transform-object-rest-spread插件包含webpack.config.js文件中,如下所示:

  module: {
    loaders: [{
      test: /\.js?$/,
      exclude: /(node_modules|bower_components)/,
      loader: 'babel',
      query: {
        presets: ['stage-2','es2015','react'],
        plugins: ['transform-class-properties', 'transform-object-rest-spread']
      }
    }]
  }

该应用程序在浏览器中运行良好,这使我相信可以像这样运行摩卡:

mocha './app/tests/*.spec.js' --compilers js:babel-register --recursive

不包括babel插件。

有没有办法让它们包括在内?

对数神话

由于配置位于webpack.config.js文件内部,因此Babel仅在通过Webpack运行时才编译文件。通过Mocha运行文件时,Babel无需任何配置即可运行。

您应该将配置移到.babelrc项目中文件中,文件包含:

{
    presets: ['stage-2','es2015','react'],
    plugins: ['transform-class-properties', 'transform-object-rest-spread']
}

并从您的webpack配置中删除该配置。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

Microsoft Edge中的对象散布运算符抛出错误

来自分类Dev

UglifyJS引发错误意外令牌:运算符(>)

来自分类Dev

UglifyJS引发错误意外令牌:运算符(>)

来自分类Dev

错误细枝中值为“%”的意外令牌“运算符”

来自分类Dev

传播运算符,以应对意外令牌的抛出错误

来自分类Dev

在从函数返回的对象上使用ES6传播运算符

来自分类Dev

在htmlbars中使用es6传播运算符

来自分类Dev

扩展或休息运算符说明 ES6

来自分类Dev

<<运算符引发编译错误

来自分类Dev

简单的三元运算符引发意外错误消息

来自分类Dev

减速器中的React-redux Spread运算符返回错误“意外令牌”

来自分类Dev

Uglify JS意外的令牌运算符<<->>,预期的punc <<:>>

来自分类Dev

将意外令牌放入三元运算符

来自分类Dev

如何在ES6中的两个扩展运算符之间设置逻辑运算符

来自分类Dev

NodeJS(ES6):SyntaxError:意外令牌{

来自分类Dev

意外的令牌导入(webpack es6)

来自分类Dev

React - ES6 - 意外令牌

来自分类Dev

MediaWiki 的 ES6 到 ES3 翻译(foreach() 方法和传播运算符)

来自分类Dev

我的演示组件的return语句内的if语句引发了意外的令牌错误

来自分类Dev

遍历Coffeescript中的ES6 Set / Map(使用`of`运算符)

来自分类Dev

ES6代理的运算符和valueOf(Firefox)

来自分类Dev

es6 箭头函数在转换为 javascript 后无法识别此运算符

来自分类Dev

简单的Webpack + React + ES6 + babel示例不起作用。意外的令牌错误

来自分类Dev

在Angular应用程序中使用ES6模块库和意外的令牌“导出”错误

来自分类Dev

读取图像时出现“意外的MATLAB运算符”错误

来自分类Dev

Laravel Excel公式错误:意外的运算符'='

来自分类Dev

[: expr: 意外的运算符

来自分类Dev

将 es7 转换为 es6 错误意外标识符

来自分类Dev

Asp.net Gridview错误:未为类型“对象”和“日期”定义运算符“-”

Related 相关文章

  1. 1

    Microsoft Edge中的对象散布运算符抛出错误

  2. 2

    UglifyJS引发错误意外令牌:运算符(>)

  3. 3

    UglifyJS引发错误意外令牌:运算符(>)

  4. 4

    错误细枝中值为“%”的意外令牌“运算符”

  5. 5

    传播运算符,以应对意外令牌的抛出错误

  6. 6

    在从函数返回的对象上使用ES6传播运算符

  7. 7

    在htmlbars中使用es6传播运算符

  8. 8

    扩展或休息运算符说明 ES6

  9. 9

    <<运算符引发编译错误

  10. 10

    简单的三元运算符引发意外错误消息

  11. 11

    减速器中的React-redux Spread运算符返回错误“意外令牌”

  12. 12

    Uglify JS意外的令牌运算符<<->>,预期的punc <<:>>

  13. 13

    将意外令牌放入三元运算符

  14. 14

    如何在ES6中的两个扩展运算符之间设置逻辑运算符

  15. 15

    NodeJS(ES6):SyntaxError:意外令牌{

  16. 16

    意外的令牌导入(webpack es6)

  17. 17

    React - ES6 - 意外令牌

  18. 18

    MediaWiki 的 ES6 到 ES3 翻译(foreach() 方法和传播运算符)

  19. 19

    我的演示组件的return语句内的if语句引发了意外的令牌错误

  20. 20

    遍历Coffeescript中的ES6 Set / Map(使用`of`运算符)

  21. 21

    ES6代理的运算符和valueOf(Firefox)

  22. 22

    es6 箭头函数在转换为 javascript 后无法识别此运算符

  23. 23

    简单的Webpack + React + ES6 + babel示例不起作用。意外的令牌错误

  24. 24

    在Angular应用程序中使用ES6模块库和意外的令牌“导出”错误

  25. 25

    读取图像时出现“意外的MATLAB运算符”错误

  26. 26

    Laravel Excel公式错误:意外的运算符'='

  27. 27

    [: expr: 意外的运算符

  28. 28

    将 es7 转换为 es6 错误意外标识符

  29. 29

    Asp.net Gridview错误:未为类型“对象”和“日期”定义运算符“-”

热门标签

归档