Question

我想在我的项目中使用Angular-Bootstrap，所以我寻找了一个如何下载和安装它的教程，并让它在我的计算机上运行。我正在使用Visual Studio Code。我找到了一个如何做到这一点的教程，就是这个：

https://github.com/mdbootstrap/Angular-Bootstrap-with-Material-Design

我做了上面提到的每一步，但每当我想要开始时，我都会遇到这个奇怪的错误＆＃34;或者＆＃34; ng build＆＃34 ;;基本上每当我想编译时，我都会收到此错误：

bootstrap-weather@0.0.0 build C:\Users\Il\Desktop\WebFrameworks\Opdrachten\AngularBootstrapWeather\BootstrapWeather
> ng build

Date: 2017-11-07T16:19:07.296Z
Hash: d517558fb7e8e3484d3d
Time: 9269ms
chunk {inline} inline.bundle.js, inline.bundle.js.map (inline) 5.83 kB [entry] [rendered]
chunk {main} main.bundle.js, main.bundle.js.map (main) 8.17 kB [initial] [rendered]
chunk {polyfills} polyfills.bundle.js, polyfills.bundle.js.map (polyfills) 200 kB [initial] [rendered]
chunk {styles} styles.bundle.js, styles.bundle.js.map (styles) 465 kB [initial] [rendered]
chunk {vendor} vendor.bundle.js, vendor.bundle.js.map (vendor) 2.29 MB [initial] [rendered]

ERROR in ./node_modules/angular-bootstrap-md/index.ts
Module build failed: Error: C:\Users\Il\Desktop\WebFrameworks\Opdrachten\AngularBootstrapWeather\BootstrapWeather\node_modules\angular-bootstrap-md\index.ts is not part
 of the compilation output. Please check the other error messages for details.
    at AngularCompilerPlugin.getCompiledFile (C:\Users\Il\Desktop\WebFrameworks\Opdrachten\AngularBootstrapWeather\BootstrapWeather\node_modules\@ngtools\webpack\src\an
gular_compiler_plugin.js:629:23)
    at plugin.done.then (C:\Users\Il\Desktop\WebFrameworks\Opdrachten\AngularBootstrapWeather\BootstrapWeather\node_modules\@ngtools\webpack\src\loader.js:467:39)
    at process._tickCallback (internal/process/next_tick.js:109:7)
 @ ./src/app/app.module.ts 9:0-58
 @ ./src/main.ts
 @ multi ./src/main.ts

npm ERR! Windows_NT 10.0.15063
npm ERR! argv "C:\\Program Files (x86)\\Brackets\\node.exe" "C:\\Program Files (x86)\\Brackets\\node_modules\\npm\\bin\\npm-cli.js" "run" "build"
npm ERR! node v6.11.3
npm ERR! npm  v3.10.10
npm ERR! code ELIFECYCLE
npm ERR! bootstrap-weather@0.0.0 build: `ng build`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the bootstrap-weather@0.0.0 build script 'ng build'.
npm ERR! Make sure you have the latest version of node.js and npm installed.
npm ERR! If you do, this is most likely a problem with the bootstrap-weather package,
npm ERR! not with npm itself.
npm ERR! Tell the author that this fails on your system:
npm ERR!     ng build
npm ERR! You can get information on how to open an issue for this project with:
npm ERR!     npm bugs bootstrap-weather
npm ERR! Or if that isn't available, you can get their info via:
npm ERR!     npm owner ls bootstrap-weather
npm ERR! There is likely additional logging output above.

npm ERR! Please include the following file with any support request:
npm ERR!     C:\Users\Il\Desktop\WebFrameworks\Opdrachten\AngularBootstrapWeather\BootstrapWeather\npm-debug.log
The terminal process terminated with exit code: 1

Terminal will be reused by tasks, press any key to close it.

它给出了这个奇怪的错误，说＆＃34; index.ts＆＃34;不是编译的一部分...当我看到＆＃34; tsconfig.json＆＃34; Angular-Bootstrap-Md本身的文件，我看到了：

{
  "compilerOptions": {
  "outDir": "../../../../dist/angular-bootstrap-md/free",
  "target": "es5",
  "module": "es2015",
  "moduleResolution": "node",
  "emitDecoratorMetadata": true,
  "experimentalDecorators": true,
  "sourceMap": true,
  "inlineSources": true,
  "noEmitHelpers": false,
  "noImplicitAny": false,
  "declaration": true,
  "skipLibCheck": false,
  "stripInternal": true,
  "allowSyntheticDefaultImports": true,
  "noUnusedLocals": false,
  "noUnusedParameters": false,
  "lib": ["dom", "es6"]
  },
  "exclude": [
  "node_modules"
  ],
  "files": [
  "./index.ts"
  ],
  "angularCompilerOptions": {
  "genDir": "../temp/factories",
  "strictMetadataEmit": true,
  "skipTemplateCodegen": true
  }
}

＆＃34; Index.ts＆＃34;显然包括在内，因为它是＆＃34;文件的一部分＆＃34;身体。那么，为什么它说它不是编辑的一部分＆＃34;当它显然是？我如何修复此错误，以便Bootstrap最终可以在我的计算机上运行？而且，我不知道这是否值得一提，但我的＆＃34; app.module.ts＆＃34;看起来像这样：

import { BrowserModule } from '@angular/platform-browser';
import { NgModule, NO_ERRORS_SCHEMA } from '@angular/core';
import { MDBBootstrapModule } from 'angular-bootstrap-md';
import { AppComponent } from './app.component';

@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule,
    MDBBootstrapModule.forRoot()
  ],
  providers: [],
  schemas: [ NO_ERRORS_SCHEMA ],
  bootstrap: [AppComponent]
})

export class AppModule { }

Answer 1

在tsconfig.app.json

中加入

"include": [

    "**/*.ts",

    "../node_modules/angular-bootstrap-md/index.ts"

  ],

或

只需按

运行

ng serve --prod

＆＃34; angular-bootstrap-md \ index.ts不是编译输出的一部分＆＃34;

1 个答案: