H5页面跳转微信小程序时：wx.miniProgram.navigateTo 报错 ‘wx‘ is not defined no-undef

有一个功能，需要从H5页面跳转到微信小程序，查了微信官方文档：只需要引入js文件，然后直接使用即可：

引用：

 当然也可以下载下来直接引用项目具体位置的js文件

使用：

然后一直报错： Line 161:  'wx' is not defined  no-undef

查了网上的一些解决方法，基本是以下几种（最好用的在最后）：

1：eslint校验配置去掉对wx这个变量no-undef的校验

解决方法：在 .eslintrc.js 文件里加入以下内容，就不会报错了

module.exports = {    // 省略其他配置...    globals: {        wx: true    }}

2：禁用eslint的no-undef校验

在.eslintrc.js中rules的规则如下：

rules: {
    "no-undef": "off"
}
规则值:
"off"或者0     //关闭检测规则
"warn"或者1    //打开并把打开的检测规则作为警告（不影响退出代码）
"error"或者2   //打开并把检测规则作为一个错误（退出代码触发时为1）
————————————————
"no-undef": 1,//不能有未定义的变量

3：定义全局变量

修改Vue.config.js文件：
在configurewebpack下的externals中定义全局变量即可。
参考如下：

configureWEBpack: {
  // 全局常量定义
  externals: {
    X2JS: 'X2JS'
  }
},
 

4：直接import使用
例如将原本