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

Question

我试图将sample Angular 2应用加载到Sharepoint网页中。综观角的入门现场Plunker例如，

只有3所需的文件：（忽略的styles.css文件）

• 的index.html
• 应用程序\ maint.ts
• 应用程序\ app.components.ts

我增加了一个应用文件夹，这些相同的文件到我的WebPart而T3他的应用似乎没有加载。它没有找到.ts（打字稿）文件。

如果我查看index.html页面，有可能是在JS被抛出的错误： 错误：错误XHR（404 NOT FOUND）装载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文件。但由于某种原因，该页面无法找到该文件。

任何想法？我已经尝试上载了Typecript生成的* .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));