javascript - TypeScript 编译器选项 "unexpected token import"

Question

在我的tsconfig.json当我将 compilerOptions.module 从 'commonjs' 更改为 'es6' 或 'esnext' 时，我的任何实例都收到错误“SyntaxError: Unexpected token import”从“react”导入 * 作为 React

感谢您的帮助

Answer 1

正如@Amy 所说，Import 和 Export 关键字在 JavaScript 中是非常新的，它们的引入是从新的 ES6 标准开始的，并且每个浏览器的实现都不存在或部分实现。

如 TypeScript documentation 中所写, import & export 当前与 CommonJS/AMD 一起使用。

这两种情况的结合有时会引发SyntaxError，具体取决于您的 TSConfig 和/或您的浏览器。

我的建议

您想使用新的 ES6 标准

您使浏览器保持最新状态，并引用@Amy 提供的链接以了解每个浏览器的Import 和Export 实现。

你不想使用新的 ES6 标准

您回到 TSConfig 文件中的 AMD 或 CommonJS。使用此解决方案，您将需要使用 RequireJS 来管理 Import 和 Export 或使用 Webpack 或 Browserify< 捆绑您的 Typescripts 文件/strong>.

我的看法

如果您的代码仅用于学习或娱乐，您可以继续使用新的 ES6 标准。

如果是用于生产，我建议使用Webpack，它很难处理但非常强大。