NativeScript Vue项目添加Swift原生代码失败求助

我正好碰到过一模一样的情况，这本质是vue init nativescript-vue/vue-cli-template创建的项目和官方tns create项目在类型声明生成配置上的差异导致的。

差异原因 #

官方tns create生成的项目模板默认集成了完整的nativescript-dev-typescript构建钩子，在iOS构建过程中会自动解析Swift/Objective-C代码，生成objc!nsswiftsupport.d.ts这个关键的桥接类型声明文件。而你用的Vue模板在NativeScript 6.4.0对应的版本中，没有配置这个自动生成逻辑，导致TypeScript无法识别自定义的Swift类，运行时也无法正确映射到原生类。

分步解决方案 #

1. 手动配置类型声明生成命令 #

在项目根目录的package.json中，添加一个专门用于生成声明文件的脚本：

"scripts": {
  // 保留原有脚本，新增下面这行
  "build:ios:declarations": "TNS_TYPESCRIPT_DECLARATIONS_PATH=\"$(pwd)/typings\" tns build ios --clean"
}

运行这个命令：

npm run build:ios:declarations

执行完成后，检查项目根目录下的typings文件夹，应该能看到objc!nsswiftsupport.d.ts文件，打开它应该能找到TestClass的类型定义。

2. 让TypeScript识别声明文件 #

修改tsconfig.json的include数组，确保包含生成的声明文件：

"include": [
  "src/**/*",
  "typings/**/*.d.ts"
]

这样TypeScript编译时就能找到TestClass的类型了，不需要再用declare let TestClass: any;这种临时写法。

3. 清理并重新构建项目 #

为了确保缓存完全清除，执行以下命令：

tns platform remove ios
tns platform add ios
tns debug ios

4. 确认Swift类的暴露规则 #

你已经做了正确的配置，但再核对一下：

• Swift类必须继承自NSObject
• 要暴露的方法必须同时加上@objc和public修饰符
• 类本身也要标记为public

额外排查点 #

• 检查.gitignore文件，确保没有排除App_Resources/iOS/src/或typings目录
• 确认nativescript-dev-typescript依赖已正确安装，可以运行npm list nativescript-dev-typescript检查版本

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