【问题标题】:Angular 6 Bootstrap not found in ./src/.././src/app/app.browser.module.ts在 ./src/.././src/app/app.browser.module.ts 中找不到 Angular 6 Bootstrap
【发布时间】:2019-03-15 00:35:58
【问题描述】:

对不起,我的英语不好。 我的错是当我想对 module.browser 类引导程序中的关节进行 seo 时没有出现

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.

请帮帮我

【问题讨论】:

  • 你解决过这个问题吗?

标签: node.js angular angular6


【解决方案1】:

在运行一次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

【讨论】:

    【解决方案2】:

    您应该检查您包含 Bootstrap 的位置。

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

    这个错误指出,它找不到正确的路径。

    【讨论】:

      猜你喜欢
      • 2019-12-10
      • 2023-01-05
      • 2017-12-15
      • 2019-09-09
      • 2020-11-21
      • 2020-01-28
      • 2018-06-30
      • 1970-01-01
      • 2020-10-12
      相关资源
      最近更新 更多