将ngx-bootstrap 3.0.1升级到4.0.1

Question

从ngx bootstrap 3.0.1升级到4.0.1时出现以下错误。替换了node_modules，package.json仍然出现相同的错误。 角版本：

Angular 6,
Typescript: 2.7.2.

Errors:
ERROR in node_modules/ngx-bootstrap/chronos/utils/type-checks.d.ts(8,62): error TS2304: Cannot find name 'Extract'.

node_modules/ngx-bootstrap/datepicker/reducer/bs-datepicker.actions.d.ts(5,33): error TS1039: Initializers are not allowed in ambient contexts.

node_modules/ngx-bootstrap/timepicker/reducer/bs-datepicker.actions.d.ts(4,33): error TS1039: Initializers are not allowed in ambient contexts.

Errors in the image

Answer 1

当我使用ngx-editor在Angular中实现RTF编辑器时遇到了此错误

由于较旧版本的Angular和rxjs会发生此错误，在我的情况下，我使用的是Angular 6和rxjs 6.0.0，然后通过使用以下命令将其更新为Angular 7和rxjs 6.2.0（Typescript还将已更新为打字稿2.9.2）

ng update rxjs@~6.2.0
ng update @angular/cli @angular/core

注意：如果您未获得警告

npm警告未跳过跳过可选依赖项：fsevents@1.2.7不受支持的平台：通缉{“ os”：“ darwin”，“ arch”：“ any”}（当前：{“ os”：“ win32 “，” arch“：” x64“}）

，您想忽略此警告（fsevents@1.2.7 :)，可以使用以下命令

   npm i -f

此后，我先卸载了ngx-bootstrap和ngx-editor，然后先安装依赖项软件包，然后重新安装ngx-bootstrap和ngx-editor，如下所述。

npm i ajv@^6.9.1 --save

npm i font-awesome@^4.7.0 --save

npm i angular-font-awesome

npm install ngx-bootstrap --save

npm install ngx-editor --save

最后，您需要检查HttpClientModule和其他软件包是否正确地导入了app.module.ts

import { NgxEditorModule } from 'ngx-editor';
import { AngularFontAwesomeModule } from 'angular-font-awesome';
import { TooltipModule } from 'ngx-bootstrap/tooltip';
import { HttpClientModule } from '@angular/common/http'; 

imports: [
    BrowserModule,
    AppRoutingModule,
    NgxEditorModule,
    AngularFontAwesomeModule,
    TooltipModule.forRoot(),
    HttpClientModule
  ],

现在已解决，此外，您还可以通过使用ngx-editor使用富文本编辑器

谢谢

Answer 2

此错误的解决方案是将Bootstrap版本（从4.0.0更改为3.0.0）并删除package.json中的^（即，将“ rxjs”：“ ^ 6.0.0”更改为“ rxjs”：“ 6.0.0”） ”和“ rxjs-compat”：“ ^ 6.2.2”到“ rxjs-compat”：“ 6.2.2”，）。 如果您想使用Bootstrap 4版本，则尝试更改rxjs和rxjs-compat（正如我在上一行中所述）。然后删除node_module和package-lock.json并安装npm。

Answer 3

此错误的解决方法与上述相同，请在package.json中更改以下版本。

"bootstrap": "4.1.3",
"font-awesome": "4.7.0",
"ngx-bootstrap": "3.1.1",
"ngx-editor": "4.0.0",
"rxjs": "6.3.3",

删除node_module和package-lock.json，然后安装npm：

npm install.

Answer 4

将其修复为文件 “ \ node_modules \ ngx-bootstrap \ datepicker \ reducer \ bs-datepicker.actions.d.ts”

来自

static readonly CALCULATE = "[datepicker] calculate dates matrix";

收件人

static readonly CALCULATE : "[datepicker] calculate dates matrix";