Typescript和SystemJS無法導入類

Question

我是Typescript和SystemJS的新手，我從這個簡單的例子開始，希望我的ts文件能夠即時發布。 我創建了一個index.html文件。

<html>
    <head>
        <script src="node_modules/systemjs/dist/system.js"></script>
        <script>
          SystemJS.config({ 
            transpiler: 'typescript',
            map: {
              'typescript': 'node_modules/typescript/lib/typescript.js'
            },
            packages: {
              src: {
                defaultExtension: 'ts'
              }
            } 
          })
          SystemJS.import('src/main').then(function(m){
             console.log(m);
          }, function(error){
             console.log(error);
          });
        </script>
     </head>

     <body>

     </body>
</html>

然后將這兩個文件放入src文件夾。

//main.ts

import {Person} from './person';
let person = new Person();
console.log(person.name);


//person.ts

export class Person {
    public name: string = 'David';
}

現在我在控制台中看不到任何內容，沒有錯誤沒有輸出。 我已經發現問題出現在這一行。

import {Person} from './person';

因為如果我評論它，我會看到這個合理的錯誤。

錯誤：無效或意外的令牌

請幫助我，我應該在哪里注意？

Answer 1

你沒有錯過打字稿的腳本標簽嗎？

<script src="node_modules/typescript/lib/typescript.js"></script>

我相信這是你用作樣本的來源。 他們明確提到了這種錯誤。

Answer 2

謝謝你的鏈接。 我以這種方式添加並配置了一個plugin-typescript，它開始工作正常。

      SystemJS.config({ 
        transpiler: 'ts',
        map: {
          'typescript': 'node_modules/typescript/lib',
          'ts': 'node_modules/plugin-typescript/lib/plugin.js'
        },
      packages: {
        "typescript": {
          "main": "typescript.js",
          "meta": {
            "typescript.js": {
              "exports": "ts"
            }
          }
        }
      }
      })

Typescript和SystemJS無法導入類

問題描述

2 個解決方案

解決方案1
0 2017-06-16 12:47:00

解決方案2
0 2017-06-16 14:23:50

Typescript和SystemJS無法導入類

問題描述

2 個解決方案

解決方案1 0 2017-06-16 12:47:00

解決方案2 0 2017-06-16 14:23:50

解決方案1
0 2017-06-16 12:47:00

解決方案2
0 2017-06-16 14:23:50