在Sharepoint上設置Angular 2入門教程應用程序

Question

我正在嘗試將示例Angular 2應用程序加載到Sharepoint網頁中。 看一下Angular的入門入門實戰示例，

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

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

我在我的Webpart中添加了一個應用程序文件夾和這些相同的文件，但該應用程序似乎未加載。 找不到.ts（打字稿）文件。

如果查看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文件夾，並在其下面創建了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));