在./src/.././src/app/app.browser.module.ts中找不到Angular 6 Bootstrap

Vey*_*ebu 5 node.js angular angular6

对不起,我的英语不好。我的错是当我想对模块中的关节进行搜索时,浏览器类的引导程序没有出现

app.browser.module.ts;

import { AppComponent } from './app.component';
import { AppModule } from './app.module';
import { NgModule } from '@angular/core';
    import { BrowserModule } from '@angular/platform-browser';

    @NgModule({

        bootstrap: [
            AppComponent
        ],

        imports:[

            BrowserModule.withServerTransition({appId: 'app-root'}),


            AppModule,

        ]
    })
    export class AppBrowserModule {}
Run Code Online (Sandbox Code Playgroud)

我的错误

D:\çal??malar\code\myWebSite>ng add @ng-toolkit/universal
Installing packages for tooling via npm.
INFO: Project property is set to 'myWebSite'.
ERROR: Bootstrap not found in ./src/.././src/app/app.browser.module.ts.
ERROR: If you think that this error shouldn't occur, please fill up bug report here: https://github.com/maciejtreder/ng-toolkit/issues/new
INFO: stacktrace has been sent to tracking system.
Nothing to be done.
Run Code Online (Sandbox Code Playgroud)

请帮帮我

Der*_*rim 3

运行一次后,ng add @ng-toolkit/universal我们生成了初始文件并检索了此错误。

对我来说这个解决方案有效:

  1. 删除app.browser.module.ts
  2. 在 main.ts 中,您需要在 .bootstrapModule() 函数中插入 AppModule(而不是 AppBrowserModule)。

现在你的 main.ts 看起来像这样:

import { AppBrowserModule } from '.././src/app/app.browser.module';
import { enableProdMode } from '@angular/core';
import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';

import { AppModule } from './app/app.module';
import { environment } from './environments/environment';


if (environment.production) {
  enableProdMode();
}

document.addEventListener('DOMContentLoaded', () => {
                    platformBrowserDynamic()
                      .bootstrapModule(AppModule)
                      .catch(err => console.log(err));
                  });
Run Code Online (Sandbox Code Playgroud)
  1. 添加bootstrap: [AppComponent]到您的 app.module.ts @NgModule 配置
  2. 跑步ng add @ng-toolkit/universal
  3. 这将成功运行,但 ng-toolkit 会在 app.module.ts 中留下无效行.withServerTransition({appId:''}),,您可以简单地删除它。之后就可以运行ng run build:prod和部署了。
  4. 如果检索到错误,请检查bootstrap: [AppComponent]您的 app.module.ts 中是否存在并ng run build:prod再次运行。