angular - Electron 锻造+用 `'匿名Angular 4中断不是一个已知元素`

Question

我已经使用angular2模板重新安装了Electron Forge。我将Angular依赖项更改为^4.3.1，将zone.js更改为^0.8.14，然后将hammerjs添加到package.json(以使用Angular 4 Material 组件)。

然后，我在src/app目录中添加了功能正常的NG4应用程序的源代码。

运行electron-forge start时，控制台输出正确，并且应用程序启动，但是DevTools显示此错误:

Unhandled Promise rejection: Template parse errors:
'anonymous' is not a known element:
1. If 'anonymous' is an Angular component, then verify that it is part of this module.
2. To allow any element add 'NO_ERRORS_SCHEMA' to the '@NgModule.schemas' of this component. ("tin\Desktop\ef-ng\node_modules\electron-compile\lib\protocol-hook.js:216:25)
    at Generator.next ([ERROR ->]<anonymous>)
    at step (C:\Users\Quentin\Desktop\ef-ng\node_modules\electron-compile\lib\protocol-h"): ng:///C:/Users/Quentin/Desktop/ef-ng/src/app/app.component.html@4:23

这是我的 app.component.html的外观:

<app-main-toolbar></app-main-toolbar>
<app-tree-item-tabs></app-tree-item-tabs>
<app-search-view *ngIf="appState.searchIsVisible"></app-search-view>
<app-media-view *ngIf="appState.activeMedia" [media]="appState.activeMedia"></app-media-view>

如果我用它替换它，那么它将运行正常(但是，这当然不是我想要的):

<app-main-toolbar></app-main-toolbar>
<app-tree-item-tabs></app-tree-item-tabs>
<app-search-view></app-search-view>

注意，我删除了 app-media-view组件上的 *ngIf组件和 app-search-view。我曾经用过把 moduleId : module.id.split('\\').join('/'),添加到 @Component声明中的技巧，但这在这里不起作用。

我真的被困在这里。

任何的想法？
谢谢!

编辑

这是 media中如何定义 app-media-view的方法:

get media(): Media {
    return this._media;
}

@Input()
set media(value: Media) {
    this._media = value;
    // More things
}

这是 appState中如何定义 AppComponent的方法:

constructor(
    protected bootstrap:BootstrapService,
    public appState: AppStateService) {}

Answer 1

组件app-search-view或app-media-view中可能存在一些错误的引用。

您是否在@Input() media: any;组件中声明了app-media-view？

是否在您的应用程序组件中声明了appState？也许您可以尝试打印它们并查看。

如果您在src/app目录中添加了功能正常的NG4应用程序的源代码(而不是 Electron 伪造)，则需要更改所有对模板和样式的导入和引用。app不再是您的根文件夹。现在，根文件夹是src。因此，例如，如果您有templateUrl: ./myTemplate.html，则必须更改为templateUrl: ./src/app/myTemplate.html。