• 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 文件里加入以下内容,就不会报错了

    1. module.exports = {
    2. // 省略其他配置...
    3. globals: {
    4. wx: true
    5. }
    6. }

    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使用
    例如将原本