Electron Forge + Angular 4打破「匿名」不是一個已知元素

Question

我已經有了一個全新的Electron Forge安裝與angular2模板。我碰到了角度依賴關係^4.3.1,zone.js到^0.8.14並添加了hammerjs到package.json（使用Angular 4材質組件）。

然後，我在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組件和app-search-view組件上的*ngIf。我曾經使用一個把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

有可能是在您的組件應用中的一些錯誤引用-search-view或app-media-view。

您是否已在app-media-view組件中聲明@Input() media: any;？

appState是否在您的應用程序組件中聲明？也許你可以嘗試打印他們看看。

如果您在src/app目錄中添加了功能NG4應用程序（不是電子僞造）的源代碼，您需要更改所有導入以及對模板和樣式的引用。 app不再是您的根文件夾。現在根文件夾是src。因此，例如，如果您有templateUrl: ./myTemplate.html，則必須更改爲templateUrl: ./src/app/myTemplate.html。