目录
Cannot find module ‘@angular/core’ error
找不到模块 ‘@angular/core’ 错误
要解决错误“找不到模块‘@angular/core’”,请确保已通过运行命令安装所有依赖项npm install
,
在文件中设置baseUrl
选项并重新启动 IDE 和开发服务器。src
tsconfig.json
在项目的根目录(文件所在的位置)中打开终端package.json
并运行以下命令:
# with NPM npm install # or with YARN yarn install
该命令安装所有依赖项。
在你的文件中设置baseUrl
选项src
tsconfig.json
如果错误未解决,请打开您的主tsconfig
文件并将
baseUrl
选项设置为src
. (这可能是
tsconfig.json或
tsconfig.app.json
)。
{ "compilerOptions": { "baseUrl": "src", // ... rest } }
baseUrl选项让我们指定一个基目录来解析非绝对模块名称。
baseUrl
设置为 时,src
TypeScript 将从该文件夹开始查找文件
src
。
确保你的包已经安装
如果错误仍然存在,请在项目的根目录(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 经常出现故障,有时重启可以解决问题。
设置moduleResolution
为node
如果错误仍然存在,请打开您的tsconfig.json
文件并将
moduleResolution
属性设置为node
.
{ "compilerOptions": { "moduleResolution": "node", // ... rest } }
moduleResolution
属性应该设置为,因为这是对大多数项目的node
建议。
如果您在 TypeScript 项目中遇到导入和导出问题,请尝试设置
moduleResolution
为node
.
更新你的 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
@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
验证@angular/cdk 包是否安装
如果错误仍然存在,请打开您的package.json
文件并确保它包含对象@angular/cdk
中的包dependencies
。
{ // ... rest "dependencies": { "@angular/cdk": "^13.3.1", } }
您可以尝试手动添加该行并重新运行npm install
。
npm install
或者安装最新版本的包:
npm install @angular/cdk@latest
该@angular/cdk
模块不应全局安装或位于您的项目中devDependencies
,它应该位于dependencies
您
package.json
文件中的对象中。
package.json
)中打开代码编辑器。如果您在不同的目录中打开您的 IDE,例如向上一个目录,则会导致错误。
额外资源
您可以通过查看以下教程来了解有关相关主题的更多信息: