元数据版本不匹配Angular 4 @ ng-bootstrap

Question

我正在使用Angular Bootstrap模块。 当我使用以下命令安装模块时， npm install --save @ng-bootstrap/ng-bootstrap并将模块导入到主应用程序模块。 然后我重新运行以下错误。

ERROR in Error: Metadata version mismatch for module F:/nodejs/angular4/mybootst
rap3/node_modules/@ng-bootstrap/ng-bootstrap/index.d.ts, found version 4, expect
ed 3, resolving symbol AppModule in F:/nodejs/angular4/mybootstrap3/src/app/app.
module.ts, resolving symbol AppModule in F:/nodejs/angular4/mybootstrap3/src/app
/app.module.ts

这是我的角度版本

@angular/cli: 1.4.4
node: 6.11.2
os: win32 ia32
@angular/animations: 4.4.6
@angular/common: 4.4.6
@angular/compiler: 4.4.6
@angular/core: 4.4.6
@angular/forms: 4.4.6
@angular/http: 4.4.6
@angular/platform-browser: 4.4.6
@angular/platform-browser-dynamic: 4.4.6
@angular/router: 4.4.6
@angular/cli: 1.4.4
@angular/compiler-cli: 4.4.6
@angular/language-service: 4.4.6
typescript: 2.3.4

题

• 是否必须安装angular最新版本？
• 如果安装最新版本，可以运行Angular 4项目吗？
• 为什么我会收到此错误？

Answer 1

该错误是由以下事实引起的：安装的ng-bootstrap模块版本具有针对更高版本Angular的元数据。 为了解决这个问题，

通过运行找出当前安装了哪个版本的ng-bootstrap

npm list ng-bootstrap

运行以下命令以查看ng-bootstrap节点模块的所有可用版本。

npm show ng-bootstrap@* version

选择一个低于当前安装版本的版本，然后安装

npm install ng-bootstrap@x.y.z

* xyz是指版本号。

尝试npm start现在npm start ，看看是否npm start 。

如果不是，请还原为另一个较低的版本，然后重试npm install的上述步骤。

一旦可行，请使用解决该问题的版本号更新package.json，以免将来再次出现此问题。 比方说版本号。 1.3.0解决了该问题，然后使用来更新软件包json。

"@ng-bootstrap/ng-bootstrap": "1.3.0"

如果插入符（^）存在，请将其删除，以防止自动选择可用的最高模块版本。

Answer 2

发生这种情况是因为最新版本的@ ng-bootstrap出现了问题。

我通过改变解决了

 "@ng-bootstrap/ng-bootstrap": "^1.0.0-beta.5",

在package.json中

 "@ng-bootstrap/ng-bootstrap": "1.0.0-beta.5",

您需要在package.json中指定正确的版本，否则它将获取最新的ng-bootstrap，该版本在使用angular 4时会出现问题