打字稿发布后编译：语法错误：错误的令牌{

Question

脚本

每当我从index.html运行我的应用程序时，引用main.js文件（该文件已从Typescript使用es6作为目标并以ESNext作为模块es6编译），在浏览器中都会出现此错误：

错误

main.js:3 Uncaught SyntaxError: Unexpected token {

Main.ts

    ///     IMPORTS
    //////////////////////////////////////////////////////////////////////
    import { Player }     from './classes/Player'   <= Error Here!
    import { printTable } from './helpers/Helpers'

    ///     MAIN COMMANDS
    //////////////////////////////////////////////////////////////////////
    let p1 = new Player('Bob', 'Hunter', 1, 10);

    printTable(p1);

概念

我似乎不正确地导入了我的代码，并且（出于某种原因）不知道为什么或找不到原因。 在我所看到的所有地方，这都表示为导入导出的代码，类等的方法。当所有代码都存在于单个文件，所有类，接口，助手等中时，所有内容都会转换并运行dandy，除非我想划分我的代码，并以此方式进行处理。

任何指导无疑将不胜感激。

• 预先加油，谢谢！

源代码

Answer 1

...并将ESNext作为模块，我在浏览器中收到此错误：
main.js:3 Uncaught SyntaxError: Unexpected token {

您在这里的错误是，您试图在传统脚本（ <script src="index.js"></script> ）中使用ES6导入语法。 使用ES6 import和export仅适用于在浏览器中使用<script type="module" src="whatever"></script> 。

您是否考虑过使用Webpack ？ 它可以将您的TypeScript文件自动编译为一个JavaScript捆绑包，您可以使用单个script标签将其加载到HTML文件中。

Answer 2

为了以这种方式导入，您必须直接导出类引用，而不能放在对象内部。

例子：

（正确）导出播放器； （错误）导出{Player}