2

尝试使用 构建我的应用程序时ng-build，出现以下错误：

试图找到引导代码，但找不到。指定静态可分析的引导代码或将 entryModule 传递给插件选项。

中指定的我的主文件.angular-cli.json非常简单：

import { NgModule } from '@angular/core';
import { LoginComponent } from './login.component';
import { BrowserModule } from '@angular/platform-browser';
import { FormsModule } from '@angular/forms';
import { platformBrowserDynamic } from '@angular/platform-browser-dynamic'
import { HttpClientModule } from '@angular/common/http';
import { LoginService } from '../login.service'


@NgModule({
    declarations: [
        LoginComponent
    ],
    imports: [
        BrowserModule,
        FormsModule,
        HttpClientModule
    ],
    providers: [LoginService],
    bootstrap: [LoginComponent]
})
export class AppModule { }

platformBrowserDynamic().bootstrapModule(AppModule);

ng --version返回以下内容：

Angular CLI: 1.7.0
Node: 6.11.0
OS: win32 x64
Angular: 5.2.5
... common, compiler, compiler-cli, core, forms
... platform-browser, platform-browser-dynamic

@angular/cli: 1.7.0
@angular-devkit/build-optimizer: 0.3.1
@angular-devkit/core: 0.3.1
@angular-devkit/schematics: 0.3.1
@ngtools/json-schema: 1.2.0
@ngtools/webpack: 1.10.0
@schematics/angular: 0.3.1
@schematics/package-update: 0.3.1
typescript: 2.7.2
webpack-replace: 1.0.0
webpack-vendor-chunk-plugin: 1.0.0
webpack: 3.11.0
4

2 回答 2

6

从大卫的回答中得到线索，我尝试了这个并为我工作。

第 1 步：在与main.ts文件相同的文件夹中创建一个名为 AppModule.ts 的新文件。

第 2 步：将所有内容从main.ts文件移动到AppModule.ts文件。

第 3 步：移动后，main.ts文件应该只有以下代码：

import './polyfills';

import {platformBrowserDynamic} from '@angular/platform-browser-dynamic';
import {AppModule} from './AppModule';

platformBrowserDynamic().bootstrapModule(AppModule);

第 4 步：我的AppModule.ts文件包含此代码。根据您编写的代码，您的 AppModule.ts 可能有不同的代码。

import {HttpClientModule} from '@angular/common/http';
import {NgModule} from '@angular/core';
import {BrowserAnimationsModule} from '@angular/platform-browser/animations';
import {BrowserModule} from '@angular/platform-browser';
import {YOURCustomCode} from './app/YOURCustomCode';

@NgModule({
  imports: [
    BrowserModule,
    BrowserAnimationsModule,
    FormsModule,
    HttpClientModule,
    DemoMaterialModule,
    MatNativeDateModule,
    ReactiveFormsModule,
  ],
  entryComponents: [YOURCustomCode],
  declarations: [YOURCustomCode],
  bootstrap: [YOURCustomCode],
  providers: []
})
export class AppModule {}

第5步：运行命令ng serve，它现在编译和构建没有错误引导模块错误。

于 2018-06-23T14:25:06.233 回答
1

以防万一有人遇到同样的问题，我的问题是我在包含要引导的模块的同一文件中引导应用程序（即AppModule），而ng build希望将模块导入到您调用的文件中bootstrapModule(). 相关代码位于 in 函数resolveEntryModuleFromMain()中node_modules\@ngtools\webpack\src\entry_resolver.js，该函数查找文件中声明的所有导入，在该文件中resolveEntryModuleFromMain()调用模块以进行引导。将调用移动bootstrapModule()到另一个文件并导入AppModule解决了问题（无论如何都是更好的做法）。

于 2018-02-19T17:21:42.567 回答