angular2-markdown 包在本地主机上工作但是当我在 GitHub 页面上部署时它给我一个错误

Question

情况

我用 Angular-CLI 开发了一个网站，并将在 GitHub 页面上发布。我项目的 link 是 https://heinpauwelyn.github.io.

我安装了一个名为 angular2-markdown 的包来在我的 HTML 页面上呈现降价文件。下面你看到我的代码：

<div class="container">
    <div class="row">
        <div class="col-md-8">
            <h2>Internship</h2>
            <!-- Below you see the `markdown` tag to render the markdown file -->
            <markdown path="/reports/intro.md"></markdown>
        </div>
        <div class="col-md-4">
            <app-reportslist></app-reportslist>
        </div>
    </div>
</div>

要在本地主机上测试站点，我使用此命令：

ng serve

此命令没有问题，并且可以很好地渲染降价文件。

问题

当我使用下面的命令在 GitHub 个页面上部署我的网站时会抛出错误。

ng github-pages:deploy

这给了我下一个错误：

ERROR in MarkdownModule is not an NgModule

这是我的代码 app.module.ts:

import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
 
import { MarkdownModule } from 'angular2-markdown';
import { AppComponent } from './app.component';
 
@NgModule({
    declarations: [AppComponent],
    imports: [
        BrowserModule,
        MarkdownModule
    ],
    bootstrap: [AppComponent],
})
export class AppModule { }

我试过了

尝试一次

我知道在导游台上我必须使用MarkdownModule.forRoot()。如果我现在使用 ng serve，我会得到这个错误：

ERROR in Error encountered resolving symbol values statically. Calling function MarkdownModule, function calls are not supported. Consider replacing the function or lambda with a reference to an exported function, resolving symbol AppModule in C:/***/heinpauwelyn.github.io/src/app/app.module.ts.

ERROR in C:/***/heinpauwelyn.github.io/src/app/app.module.ts: Property forRoot does not exist on type typeof MarkdownModule.

尝试二

如果我像指南中那样注释行 export class AppModule()，我会得到这个错误：

ERROR in C:/***/heinpauwelyn.github.io/src/main.ts: Module C:/***/heinpauwelyn.github.io/src/app/app.module.ts has no exported member AppModule.

ERROR in C:/***/heinpauwelyn.github.io/src/app/app.module.ts: Declaration expected.

当然是正常的

问题

我该如何解决这个问题？

提前致谢。

Answer 1

您使用的是1.3.14请使用最新版本。当前版本为 1.3.18

npm install angular2-markdown --save

它应该可以解决您的问题。