找不到模块 ‘@angular/core’ 错误 [已解决]

目录

Cannot find module ‘@angular/core’ error

  1. 找不到模块“@angular/core”错误
  2. 找不到模块:无法解析“@angular/cdk/scrolling”

找不到模块 ‘@angular/core’ 错误

要解决错误“找不到模块‘@angular/core’”,请确保已通过运行命令安装所有依赖项npm install
在文件中设置
baseUrl选项并重新启动 IDE 和开发服务器。srctsconfig.json

在项目的根目录(文件所在的位置)中打开终端package.json
并运行以下命令:

# with NPM npm install # or with YARN yarn install

该命令安装所有依赖项。

在你的文件中设置baseUrl选项srctsconfig.json

如果错误未解决,请打开您的主tsconfig文件并将
baseUrl选项设置为src. (这可能是
tsconfig.json
tsconfig.app.json)。

tsconfig.json文件
{ "compilerOptions": { "baseUrl": "src", // ... rest } }

baseUrl选项让我们指定一个基目录来解析非绝对模块名称。

baseUrl设置为 时srcTypeScript 将从该文件夹开始查找文件
src

如果错误仍然存​​在,请确保重新启动 IDE 和开发服务器。

确保你的包已经安装

如果错误仍然存​​在,请在项目的根目录(package.json文件所在的位置)中打开终端并重新运行npm install.

# with NPM npm install # or with YARN yarn install

当从 GitHub 中拉取远程代码并忘记安装所需的包时,通常会发生该错误。

删除您的 node_modules 并重新安装您的依赖项

如果您仍然遇到错误,请尝试删除您的node_modules
package-lock.json(不是
package.json)文件,重新运行npm install并重新启动您的 IDE。

bash如果您使用的是 macOS 或 Linux,请在或中发出以下命令zsh

# for macOS and Linux rm -rf node_modules rm -f package-lock.json rm -f yarn.lock # 👇️ clean npm cache npm cache clean --force # 👇️ install packages npm install

如果您使用的是 Windows,请在 CMD 中发出以下命令。

命令
# for Windows rd /s /q "node_modules" del package-lock.json del -f yarn.lock # 👇️ clean npm cache npm cache clean --force # 👇️ install packages npm install

重启你的代码编辑器和开发服务器

如果错误仍然存​​在,请确保重新启动 IDE和开发服务器。VSCode 经常出现故障,有时重启可以解决问题。

设置moduleResolutionnode

如果错误仍然存​​在,请打开您的tsconfig.json文件并将
moduleResolution属性设置为node.

tsconfig.json文件
{ "compilerOptions": { "moduleResolution": "node", // ... rest } }

moduleResolution

属性应该设置为,因为这是对大多数项目
node建议。

如果您在 TypeScript 项目中遇到导入和导出问题,请尝试设置
moduleResolutionnode.

更新你的 NPM 包的版本

如果仍然出现错误,请尝试通过运行以下命令来更新 NPM 包的版本:

npm update

如果在运行命令时出现错误,请尝试使用选项发出命令
--legacy-peer-deps

npm update --legacy-peer-deps

在项目的根目录中打开代码编辑器

如果您使用 VSCode,请确保在项目的根目录(文件所在的位置package.json)中打开代码编辑器。

如果您在不同的目录中打开您的 IDE,例如向上一个目录,则会出现“找不到模块‘@angular/core’”错误。

未找到模块:无法解析 ‘@angular/cdk/scrolling’

要解决错误“找不到模块:无法解析‘@angular/cdk/scrolling’”,请确保通过在项目的根目录中打开终端并运行以下命令来安装软件包:并重新启动 IDE 和npm i @angular/cdk开发服务器。

在项目的根目录(文件所在的位置)中打开终端package.json
并运行以下命令:

npm install @angular/cdk

安装角度cdk

这会将@angular/cdk包添加到项目的依赖项中。

如果错误未解决,请尝试重新启动 IDE 和开发服务器。

如果仍然出现错误,请尝试通过运行以下命令来更新 NPM 包的版本:

npm update

重新安装你的依赖

如果错误未解决,请尝试删除您的node_modules
package-lock.json(不是package.json)文件,重新运行npm install并重新启动您的 IDE。

bash如果您使用的是 macOS 或 Linux,请在或中发出以下命令zsh

# for macOS and Linux rm -rf node_modules rm -f package-lock.json rm -f yarn.lock # 👇️ clean npm cache npm cache clean --force # 👇️ install packages npm install

如果您使用的是 Windows,请在 CMD 中发出以下命令。

命令
# for Windows rd /s /q "node_modules" del package-lock.json del -f yarn.lock # 👇️ clean npm cache npm cache clean --force # 👇️ install packages npm install
如果错误仍然存​​在,请确保重新启动 IDE 和开发服务器。VSCode 经常出现故障,有时重启可以解决问题。

验证@angular/cdk 包是否安装

如果错误仍然存​​在,请打开您的package.json文件并确保它包含对象@angular/cdk中的包dependencies

包.json
{ // ... rest "dependencies": { "@angular/cdk": "^13.3.1", } }

您可以尝试手动添加该行并重新运行npm install

npm install

或者安装最新版本的包:

npm install @angular/cdk@latest

@angular/cdk模块不应全局安装或位于您的项目中devDependencies,它应该位于dependencies
package.json文件中的对象中。

如果您使用 VS Code,请确保在项目的根目录(文件所在的位置package.json)中打开代码编辑器。

如果您在不同的目录中打开您的 IDE,例如向上一个目录,则会导致错误。

额外资源

您可以通过查看以下教程来了解有关相关主题的更多信息: