创建仅含服务的Angular模块时，VS Code提示无法解析@angular/core

我之前开发要发布到NPM的Angular库时，也碰到过一模一样的情况，给你几个亲测有效的解决思路：

1. 确保本地已安装@angular/core依赖 #

Peer dependencies不会自动安装（npm 7.x及以上版本除外），所以哪怕你在package.json里声明了peer依赖，本地开发环境还是得手动安装它：

npm install @angular/core@^5.2.9 --save-dev

安装完成后，运行npm ls @angular/core确认它是否成功安装到了node_modules目录下。

2. 修正tsconfig.json的路径配置 #

你之前只添加了paths，但缺少关键的baseUrl配置——TypeScript的路径解析是基于baseUrl的。修改tsconfig.json如下：

{
  "compilerOptions": {
    "baseUrl": ".",
    "paths": {
      "@angular/core": ["node_modules/@angular/core"]
    },
    // 其他编译配置...
  },
  "include": ["lib/**/*"] // 确保TS能识别你的库代码目录
}

3. 重启VS Code的TypeScript语言服务 #

有时候VS Code的TS服务会缓存旧配置，导致修改后不生效。按下Ctrl+Shift+P（Windows）或Cmd+Shift+P（Mac），输入TypeScript: Restart TS Server，重启后再检查红色波浪线是否消失。

4. 验证版本兼容性 #

你的配置里TypeScript 2.7.2和Angular 5.2.9是兼容的，但如果后续调整版本要注意：Angular 5对应的TypeScript版本范围是2.4.x到2.7.x，版本不匹配也可能引发模块找不到的错误。

5. 试试官方库构建工具 #

如果是从头搭建Angular库，推荐用Angular CLI的ng generate library命令，它会自动帮你配置好peer dependencies、tsconfig、构建脚本等，避免手动配置的各种坑。

内容的提问来源于stack exchange，提问作者Ole