2016-12-04 87 views
0

我讓SharePoint外接程序項目,我已經爲你看到的解決方案資源管理器的SS在下面inculuded必要angular2包和TS文件實例文件「app.module.ts」:無法從模塊「RootModule」

enter image description here

這裏是我的ts文件內容; boot.ts

import {bootstrap} from 'angular2/platform/browser'; 
import {AppComponent} from './app.component'; 
bootstrap(AppComponent) 

app.component.ts

import {Welcome} from './app.module'; 
import {Component} from 'angular2/core'; 
@Component({ 
    selector: 'app-main', 
    template:'<h1>${Welcome.getMessage()}</h1>' 
}) 
export class AppComponent {} 

app.module.ts

export class Welcome { 
    static getMessage() { 
     return "Hello World!"; 
    } 
} 

當我運行這個應用程序,我總是在輸出窗口此錯誤信息:

> @"Error 1 
>   CorrelationId: ae2bcaba-cdac-4178-bd39-2aca278a2e31 
>   ErrorDetail: There was a problem with activating the app web definition. 
>   ErrorType: App 
>   ErrorTypeName: App Related 
>   ExceptionMessage: Failed to instantiate file "app.module.ts" from module "RootModule": Source path 
> "Features\SharePointAddIn4_Feature1\app.module.ts" not found. 
>   Source: AppWeb 
>   SourceName: App Web Deployment 

我有搜索,但無法找到任何解決方案幫助我..任何想法如何解決這個問題?

回答

1

要解決這個問題,我必須將tsconfig.json文件(和其他)設置爲不部署,並從項目根目錄的Elements.xml中刪除它。

enter image description here

<?xml version="1.0" encoding="utf-8"?> 
<Elements xmlns="http://schemas.microsoft.com/sharepoint/"> 
    <Module Name="RootModule"> 
    </Module> 
</Elements> 
0

嘿,夥計有幾點是答案明確之前這裏

  • 您使用太舊版本angular2可能是你在angular2測試 (如你正在使用'angular2/core'現在是'@angular/*'

  • 你按照我

    {Welcome.getMessage()}

  • 使用錯誤的語法

有語法像這樣

{{Welcome.getMessage()}} 
  • 還您試圖訪問Welcome類,甚至沒有在app.component.ts文件的構造,這是錯誤的初始化。
+0

但我TSC -v輸出爲2.0.10?如果我將'angular2/platform/browser'更改爲'@ angular/platform/browser',則顯示錯誤「找不到模塊..」 – TyForHelpDude

+0

是的,正如我已經說過的,您必須將角度版本升級到包裝中的最終版本.json文件,而不是運行命令npm install –