找不到模块“@angular/cdk/dialog”- Angular 将 v13 升级到 v14 问题

Question

我将 Angular 从v13升级到v14

ng update @angular/core@14 @angular/cli@14

ng update @angular/material@14

升级后出现此错误：

./node_modules/@angular/material/fesm2015/dialog.mjs:1:0-93 - Error: Module not found: Error: Package path ./dialog is not exported from package D:\projectName\node_modules\@angular\cdk (see exports field in D:\projectName\node_modules\@angular\cdk\package.json)

Error: node_modules/@angular/material/dialog/index.d.ts:3:36 - error TS2307: Cannot find module '@angular/cdk/dialog' or its corresponding type declarations.

3 import { CdkDialogContainer } from '@angular/cdk/dialog';

这是我的package.json ：

"dependencies": {
    "@angular/animations": "^14.0.1",
    "@angular/cdk": "^14.0.1",
    "@angular/common": "^14.0.1",
    "@angular/compiler": "^14.0.1",
    "@angular/core": "^14.0.1",
    "@angular/forms": "^14.0.1",
    "@angular/material": "^14.0.1",
    "@angular/platform-browser": "^14.0.1",
    "@angular/platform-browser-dynamic": "^14.0.1",

我不确定我做错了什么，将不胜感激任何帮助。

Answer 1

1.确保你已经安装了angular/cdk。 如果您尚未安装，请运行以下命令。

npm i @angular/cdk

2.确保你已经导入了那个 CdkDialogContainer。 如果您尚未导入，请在导入材质模块的位置导入以下代码。

import { CdkDialogContainer } from '@angular/cdk/dialog';

Answer 2

我认为您需要重新安装 node_modules，请尝试以下命令：

rm -rf 节点模块

rm -f package-lock.json

npm 缓存清理 --force

npm 安装 --force