角度弹性布局错误:没有导出的成员?NgClassImpl错误

Asi*_*man 2 angular-flex-layout angular

在我的上一个Mean Stack项目中,我使用了角度弯曲布局,并且工作正常

我开始了一个新的项目,它的角度为7,包括flex layout 8(beta),并收到以下错误


    ERROR in 
    node_modules/@angular/flexlayout/extended/typings/class/class.d.ts(9,19): 
    error TS2305: Module '".../.../node_modules/@angular/common/common"' 
    has no exported member '?NgClassImpl' 

Run Code Online (Sandbox Code Playgroud)

这是我的package.json依赖项:

"dependencies": {
   "@angular/animations": "~7.2.0",
   "@angular/cdk": "^7.3.7",
   "@angular/common": "~7.2.0",
   "@angular/compiler": "~7.2.0",
   "@angular/core": "~7.2.0",
   "@angular/flex-layout": "^8.0.0-beta.25",
   "@angular/forms": "~7.2.0",
   "@angular/http": "^7.2.15",
   "@angular/material": "^7.3.7",
   "@angular/platform-browser": "~7.2.0",
   "@angular/platform-browser-dynamic": "~7.2.0",
   "@angular/router": "~7.2.0",
   "@ng-bootstrap/ng-bootstrap": "^4.1.3",
   "bootstrap": "^4.3.1",
   "core-js": "^2.5.4",
   "hammerjs": "^2.0.8",
   "jquery": "^3.4.1",
   "material-icons": "^0.3.1",
   "popper.js": "^1.15.0",
   "rxjs": "~6.3.3",
   "tslib": "^1.9.0",
   "zone.js": "~0.8.26"
 },
Run Code Online (Sandbox Code Playgroud)

谁能解释为什么会这样?在flex-layout 7.0上工作正常

Sof*_*fia 10

对于 Angular 9

安装 9.x 版本的 flex-layout

npm install --save @angular/flex-layout@9.0.0-beta.29
Run Code Online (Sandbox Code Playgroud)

添加所需的依赖项:

npm install tslib --save
Run Code Online (Sandbox Code Playgroud)

https://github.com/angular/flex-layout/blob/master/CHANGELOG.md


小智 5

Flex Layout v8 only works with Angular v8. Go back to V7

  • 或者你可以通过这个 npm install @angular/flex-layout@7.0.0-beta.24 来修复 (3认同)