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

时间:2018-09-21 14:34:16

标签: 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 {}

我的错误

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.

请帮助我

2 个答案:

答案 0 :(得分: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));
                  });
  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. 如果这检索到错误,请检查app.module.ts中是否存在bootstrap: [AppComponent]并再次运行ng run build:prod

答案 1 :(得分:0)

您应该检查在哪里包含Bootstrap。

错误:在./src/.././src/app/app.browser.module.ts中找不到引导程序。

此错误指出,找不到正确的路径。