打字稿發布后編譯：語法錯誤：錯誤的令牌{

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}