Angular项目集成NativeScript后执行ng serve出现文件找不到错误求助

看起来你遇到的问题是路径解析错误，根源在于tsconfig.app.json的位置和里面的路径配置不匹配，导致编译器尝试找不存在的src/src/main.ts文件。让我一步步帮你排查修复：

问题分析 #

从你提供的tsconfig.app.json内容来看，它的extends字段是../tsconfig.json——这说明这个配置文件当前是放在src文件夹里面的。但此时你在files数组里写的是src/main.ts，编译器会基于配置文件的位置（src/）来解析路径，最终变成src/src/main.ts，这就是为什么会报错找不到文件。

另外，正常的Angular项目中，tsconfig.app.json应该和src文件夹同级（项目根目录下），而不是嵌套在src里。NativeSchematics在安装过程中可能意外移动了这个文件的位置，或者修改了路径配置。

修复步骤 #

1. 调整tsconfig.app.json的位置 #

首先找到你的tsconfig.app.json文件，如果它在src文件夹内，把它移动到项目根目录（和src、package.json、tsconfig.json同级）。

2. 修改tsconfig.app.json的配置内容 #

将配置文件里的路径相关字段调整为适配根目录的写法，修改后的内容如下：

{
  "extends": "./tsconfig.json",
  "compilerOptions": {
    "outDir": "./out-tsc/app",
    "types": [],
    "paths": {
      "@src/*": [
        "src/*.web",
        "src/*"
      ]
    }
  },
  "exclude": [
    "test.ts",
    "**/*.spec.ts"
  ],
  "files": [
    "src/main.ts",
    "src/polyfills.ts"
  ]
}

主要修改点：

• extends从../tsconfig.json改为./tsconfig.json（现在配置文件在根目录，直接指向同级的tsconfig.json）
• outDir从../out-tsc/app改为./out-tsc/app（输出目录基于根目录）

3. 验证angular.json的配置 #

打开项目根目录的angular.json，找到projects -> [你的项目名] -> architect -> build -> options，确认tsConfig字段的值是"tsconfig.app.json"（而不是"src/tsconfig.app.json"）。如果不对，修改成正确的路径。

4. 清理缓存并重新构建 #

最后执行以下命令清理缓存并重新安装依赖：

npm cache clean --force
rm -rf node_modules package-lock.json # Windows用户用 rmdir /s /q node_modules 和 del package-lock.json
npm install

之后再运行ng serve，应该就能正常启动了。

额外提示 #

如果是第一次尝试NativeScript混合项目，记得NativeScript提供了ns serve web命令来启动web端，不过你依然可以用ng serve——只要配置正确就行。如果后续还有移动端的需求，确保你已经安装了NativeScript的环境依赖（比如Android SDK、Xcode等）。

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