【问题标题】:Uncaught SyntaxError: Unexpected token export未捕获的 SyntaxError:意外的令牌导出
【发布时间】:2017-04-06 23:37:19
【问题描述】:

我在我的项目中使用了 create-react-app。我收到一个错误

Uncaught SyntaxError: Unexpected token export

错误在这段代码中

export const ENGLISH = {
  lang: 'en',
  messages: {
      'nav.translatedMessage': 'Social',
  }
};

我尝试安装 babel-preset-es2015 和 babel-preset-stage-0。我还将 babel dict/object 包含在 package.json 中作为

"babel": {
    "presets": [
      "es2015",
      "stage-0"
    ]
  },

我仍然收到错误消息。

【问题讨论】:

  • 删除'nav.translatedMessage': 'Social'之后的,
  • @Monasha 已经尝试过了。它不起作用。当我不使用 create-react-app 时,这个确切的代码有效。
  • 你能发布完整的错误信息吗?
  • @loganfsmyth 在屏幕截图中,您会看到 es.js 中有错误,但 en.js 也一样(我在上面发布的代码)。
  • 那么如果你看一下抛出错误的那一行,它是什么模块?是你自己的代码吗?是节点模块吗?

标签: javascript reactjs ecmascript-6 create-react-app


【解决方案1】:

我在 create-react-app 的 README.md 上得到了答案。上面写着

您可以在src 中创建子目录。为了更快的重建,只有 src 中的文件由 Webpack 处理。
你需要把任何 src 中的 JS 和 CSS 文件,否则 Webpack 将看不到它们。

【讨论】:

    【解决方案2】:

    我认为是因为逗号

    export const ENGLISH = {
           lang: 'en',
           messages: {
               'nav.translatedMessage': 'Social'
           }
    };
    

    试试这个!

    【讨论】:

    • 尾随逗号适用于任何现代浏览器上的数组项和对象属性。
    猜你喜欢
    • 1970-01-01
    • 2017-08-11
    • 2016-12-09
    • 2019-04-01
    • 1970-01-01
    • 2018-03-11
    • 2016-10-23
    • 2015-08-19
    相关资源
    最近更新 更多