uniapp 使用 subnvue 编译失败 webpack-uni-nvue-loader/lib/style.js 显示 ERROR Build failed with errors 导致热更新也失效

Question

为了在地图原生组件 <map> ​ 上覆盖内容，在某个页面使用 subnvue，按照官方教程一步步添加代码，打安卓包时报错信息如下： ​

19:32:12.467 项目 'employeesApp' 开始编译...
19:32:14.790 4.36
19:32:14.801 请注意运行模式下，因日志输出、sourcemap 以及未压缩源码等原因，性能和包体积，均不及发行模式。
19:32:14.824 正在编译中...
19:32:20.608 Error: getaddrinfo ENOTFOUND 96f0e031-f37a-48ef-84c7-2023f6360c0a.bspapp.com
19:32:20.625     at GetAddrInfoReqWrap.onlookup [as oncomplete] (node:dns:107:26) {
19:32:20.638   errno: -3008,
19:32:20.650   code: 'ENOTFOUND',
19:32:20.660   syscall: 'getaddrinfo',
19:32:20.670   hostname: '96f0e031-f37a-48ef-84c7-2023f6360c0a.bspapp.com'
19:32:20.680 }
19:32:20.691 Module Error (from ./node_modules/@dcloudio/vue-cli-plugin-hbuilderx/packages/webpack-uni-nvue-loader/lib/style.js):
19:32:20.706 (Emitted value instead of an instance of Error) Error: undefined:729:3: missing '}'
19:32:22.854 WARNING: Module Warning (from ./node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/loaders/templateLoader.js):
19:32:22.865 (Emitted value instead of an instance of Error) <uni-view v-for="item in 2">: component lists rendered with v-for should have explicit keys. See https://vuejs.org/guide/list.html#key for more info.
19:32:23.022 项目 'employeesApp' 编译成功。
19:32:23.033  ERROR  Build failed with errors.
19:32:23.146 正在建立手机连接...
19:32:23.401 当前自定义基座的 SDK 与 HBuilderX 自带的基座 SDK 版本不一致，可能有兼容问题，请及时制作新版自定义基座
19:32:23.727 手机端调试基座版本号为 1.0.0, 版本号相同，跳过基座更新
19:32:26.325 正在同步手机端程序文件...
19:32:27.555 同步手机端程序文件完成
19:32:28.881 正在启动自定义基座...

也还是能运行到手机，但是最核心的热更新失效了，如果不解决这个问题，每次修改代码后都要重新编译就太麻烦了。

删除 pages.json 里面的配置就没有这个错误，一度怀疑是 hbuilderx 版本兼容问题，下载了好几个版本运行都是同样的错误，有把 nodejs 的版本都试了个遍，问题依旧，这个 subnvue 之前使用过，在开发直播应用的时候用过，翻看之前的代码和现在的使用方法如出一辙。

在社区里面找到了解决方法： https://ask.dcloud.net.cn/question/196409 ​，全局样式里面包含了 nvue 不支持的样式，我记得之前使用的时候，只是一大推警告没有报错。看来是官方修改了这个插件。

解决方法在 app.vue 使用条件编译把全局样式在 nvue 页面屏蔽掉：

<style>
/*每个页面公共 css */
/* #ifndef APP-PLUS-NVUE */
@import url('common/css/style.css');
/* #endif */
</style>