NativeScript在VS Code中调试与热重载失效问题求助
NativeScript Vue:断点失效、热重载不工作及Webpack配置错误修复方案
先处理Webpack配置错误(找不到VS Code路径下的package.json)
- 打开项目根目录的
webpack.config.js,排查是否存在错误引用VS Code安装路径的代码——这类错误通常是配置文件误引入全局依赖而非项目本地依赖导致的。 - 运行
tns migrate重置项目配置:该命令会将项目配置文件同步到当前NativeScript版本的默认状态,修复可能的配置损坏。 - 重装本地依赖:删除
node_modules和package-lock.json,执行npm install重新安装所有依赖,确保依赖路径正确无冲突。
修复断点调试功能
- 更新VS Code的NativeScript扩展到最新版本,旧版本可能存在调试兼容性问题。
- 用
tns debug android --no-hmr启动调试会话:先禁用热重载,专注测试断点功能是否正常命中。 - 检查
launch.json配置,确保调试器参数正确,参考示例:{ "version": "0.2.0", "configurations": [ { "name": "Android 调试", "type": "nativescript", "request": "launch", "platform": "android", "appRoot": "${workspaceFolder}", "sourceMaps": true, "watch": false } ] } - 确认安卓设备已开启USB调试,且
tns devices能正常识别设备。
热重载问题修复(可选)
- 执行
tns clean清理构建缓存,然后用tns run android --hmr重启应用,强制重新生成热重载相关资源。 - 测试子组件的文本修改:如果是根组件或全局配置修改,可能需要重启应用才能生效,先改子组件内容验证热重载是否工作。
内容的提问来源于stack exchange,提问作者quilkin
相关产品推荐
相关产品推荐

