引入生产环境Vue出现__VUE_HMR_RUNTIME__ is not defined的解决方法。

今天在用Vue cli初始化Vue3项目的时候，为了减小打包生成的体积而使用了使用CDN，引入此js：https://cdn.jsdelivr.net/npm/vue@3.2.31/dist/vue.global.prod.js，然后在vue.config.js中配置如下：

const { defineConfig } = require('@vue/cli-service')
module.exports = defineConfig({
    configureWebpack:{
      externals:{
        'vue': "Vue",
      }
    }
  })

配置之后，使用npm run serve运行项目，报错：Uncaught ReferenceError: VUE_HMR_RUNTIME is not defined。

原因：在于引入的cdn是生产环境的修改过的包，其中并不包含关于开发时热重载的相关代码，因此这里报错。
解决：在引入CDN的html页面中引入非生产环境的链接即可。例如：https://cdn.jsdelivr.net/npm/vue@3.2.31/dist/vue.global.js