未捕获的 SyntaxError:意外的令牌导入 - Reactjs

Posted

技术标签:

【中文标题】未捕获的 SyntaxError:意外的令牌导入 - Reactjs【英文标题】:Uncaught SyntaxError: Unexpected token import - Reactjs 【发布时间】:2018-03-11 02:10:51 【问题描述】:

在我安装 simple-react-bootstrap 之前,我的应用程序运行良好 安装后现在显示空白页,在控制台中显示错误:

Uncaught SyntaxError: Unexpected token import

我已经检查了 *** 上的几乎所有解决方案,但它似乎不起作用。

我试过这个:

npm install --save-dev babel-plugin-transform-es2015-modules-commonjs

这个:

npm install babel-preset-es2015 babel-preset-react --save-dev

BABELRC 文件:


  "presets": ["react-app"]

和其他类似的解决方案。有什么帮助吗?

【问题讨论】:

你的 .babelrc 文件是什么? 请检查编辑。 尝试在预设中使用["es2015", "react"]。让我知道。如果有效 我用过"presets": ["es2015", "react", "react-app"],但它不工作:( 您是否尝试删除 react 预设然后也运行? 【参考方案1】:

所以,我通过从我的应用程序中删除 react-simple-bootstrap 模块解决了这个问题。那是个问题。以防万一。

【讨论】:

以上是关于未捕获的 SyntaxError:意外的令牌导入 - Reactjs的主要内容,如果未能解决你的问题,请参考以下文章

未捕获的 SyntaxError:意外的令牌导出 (Redux)

未捕获的 SyntaxError:新行的无效或意外令牌

Javascript:未捕获的 SyntaxError:意外的令牌 <

JQuery:未捕获的 SyntaxError:无效或意外的令牌

未捕获的SyntaxError:无效或意外的令牌

致命错误:未捕获的异常“Phalcon\Mvc\Model\Exception”与消息“语法错误,意外令牌>,