typescript1.8 - 无法从模块“RootModule”实例化文件“app.module.ts”

Question

我有 sharepoint 插件项目，我已经包含了必要的 angular2 包和 ts 文件，正如您在下面看到的解决方案资源管理器的 ss：

这是我的 ts 文件内容；引导.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

我有搜索但找不到任何解决方案帮助我..知道如何解决这个问题吗？

Answer 1

为了解决这个问题，我必须将 tsconfig.json 文件（和其他文件）设置为不部署，并将其从项目根目录中的 Elements.xml 中删除。

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

Answer 2

嘿，伙计，在回答之前有几点需要明确

• 您使用的 angular2 版本太旧可能是您处于 angular2 beta 中（正如您现在使用'angular2/core'的那样'@angular/*'）

• 根据我的说法，您使用了错误的语法

  {Welcome.getMessage()}

有这样的语法

{{Welcome.getMessage()}}

• 你也试图访问类Welcome，甚至没有在 app.component.ts 文件的构造函数中初始化，这是错误的。