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>

我相信this是你用作样本的来源。他们明确提到了这种错误。

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 个答案: