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

有一个功能    
    
    
，需要从H5页面跳转到微信小程序


     


     


     ，查了微信官方文档：只需要引入js文件
 




 




 



，然后直接使用即可：

1：引用：

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

2: 使用：

然后一直报错： 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使用

例如将原本

改为import导入具体位置的文件：

import X2JS from @/assets/js/xml2json.js

照常使用

  




  




  


，就无需定义全局变量了！

 

5：项目没有eslintrc.js文件  


  


  


，但是可以在package.json中配置eslint规则

在rules规则下  
     
     
   ，添加"no-undef": "off"即可

但我的工程中没有eslintrc.js文件


   




   




   

，改了package.json也没生效 



 



 



，最后找到一种最简单有效的方法               ，在当前报错文件的最上面加一行代码：

/* eslint-disable */

就像这样：

 禁用当前页面的eslint检查



    




    




    
，亲测好用

收工