在Sharepoint上设置Angular 2入门教程应用程序

Question

我正在尝试将一个示例Angular 2应用程序加载到Sharepoint网页中。查看Angular的入门实时Plunker示例，

只需要3个文件：（忽略styles.css文件。）

• index.html
• app\maint.ts
• app\app.components.ts

我在我的Web部件上添加了一个应用程序文件夹和这些相同的文件，但该应用程序似乎无法加载。它找不到.ts（typescript）文件。

如果我查看index.html页面，JS中会出现一个错误：错误：加载XHR错误（404未找到）https://domain.com/Webparts/app/app.component.ts加载时出错https://domain.com/Webparts/app/app.component.ts作为来自的"./app.component"https://domain.com/Webparts/app/main.ts堆栈跟踪：

我已经创建了应用程序文件夹，并在其下面创建了app.component.ts文件。但由于某种原因，页面找不到该文件。

有什么想法吗？我已经尝试上传Typescript生成的*.js.map和*.js文件。但运气不好。

Answer 1

看起来我有一个错误的路径。如果像这样在system.config中指定应用程序，则只需要运行该应用程序的.JS文件。（不需要服务器上的TypeScript文件。）

System.config({
       packages: {        
          app: {
            format: 'register',
            defaultExtension: 'js'
          }
        }
      });
System.import('app/main')
     .then(null, console.error.bind(console));