Angular PrimeNG菜单错误“找不到模块”

问题描述

我已经尝试了该线程中的所有解决方案，但仍然无法弄清楚。

我正在尝试使用PrimeNG菜单。

在app.module.ts导入的MenubarModule中：import { MenubarModule } from 'primeng/menubar';

在app.component.ts中导入MenuItem，依此类推，按照PrimeNG指令进行操作。

但是在编译时我遇到了app.component.ts错误：

“未找到模块：错误：无法解析'primeng / menubar / menubar'”

Package.json：

{
  "name": "gportal","version": "0.0.0","scripts": {
    "ng": "ng","start": "ng serve","build": "ng build","test": "ng test","lint": "ng lint","e2e": "ng e2e"
  },"private": true,"dependencies": {
    "@angular/animations": "~10.0.14","@angular/common": "~10.0.14","@angular/compiler": "~10.0.14","@angular/core": "~10.0.14","@angular/forms": "~10.0.14","@angular/platform-browser": "~10.0.14","@angular/platform-browser-dynamic": "~10.0.14","@angular/router": "~10.0.14","angular-auth-oidc-client": "^11.2.0","primeflex": "^2.0.0","primeicons": "^4.0.0","primeng": "^10.0.0-rc.3","rxjs": "~6.5.5","tslib": "^2.0.0","zone.js": "~0.10.3"
  },"devDependencies": {
    "@angular-devkit/build-angular": "~0.1000.8","@angular-devkit/build-ng-packagr": "~0.1000.8","@angular/cli": "~10.0.8","@angular/compiler-cli": "~10.0.14","@types/node": "^12.11.1","@types/jasmine": "~3.5.0","@types/jasminewd2": "~2.0.3","codelyzer": "^6.0.0","jasmine-core": "~3.5.0","jasmine-spec-reporter": "~5.0.0","karma": "~5.0.0","karma-chrome-launcher": "~3.1.0","karma-coverage-istanbul-reporter": "~3.0.2","karma-jasmine": "~3.3.0","karma-jasmine-html-reporter": "^1.5.0","ng-packagr": "^10.0.0","protractor": "~7.0.0","ts-node": "~8.3.0","tslint": "~6.1.0","typescript": "~3.9.5"
  }
}

解决方法

我相信您正在使用最新版本的Primeng / Angular。因此，您的导入应类似于-

<Route render={routerProps => <MoviesPage {...routerProps} movies={this.state.movies}/>} />

// Same,props === { path: 'some path' }
<Route render={props => <MoviesPage path={props.path} movies={this.state.movies}/>} />

您不需要导入import {MenuItem} from 'primeng/api'; ， 有关更多信息，请在此处查看-spread syntax

PS：在这里，您可以将代码与正在运行的代码进行比较（Stackblitz示例）