位置: IT常识 - 正文
H5页面跳转微信小程序时：wx.miniProgram.navigateTo 报错 ‘wx‘ is not defined no-undef(h5跳转h5)
发布时间：2024-01-05推荐整理分享H5页面跳转微信小程序时：wx.miniProgram.navigateTo 报错 ‘wx‘ is not defined no-undef(h5跳转h5)，希望有所帮助，仅作参考，欢迎阅读内容。
文章相关热门搜索词:h5是否可跳转到小程序,h5页面跳转微信识别二维码,h5跳转网页,h5页面跳转微信小程序通过,h5跳转到微信公众号,h5页面跳转微信小程序通过,微信h5跳转app,h5页面跳转微信识别二维码,内容如对您有帮助，希望把文章链接给更多的朋友！
有一个功能，需要从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使用 例如将原本<script>的引入方式： <script language="javascript" src="/static/js/xml2json.js" ignore> 改为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检查，亲测好用
收工
下一篇：日出时分的圣皮埃尔全景，加拿大圣皮埃尔和密克隆 (© Henryk Sadura/Getty Images)(日出的时候是圣诞节)
