?一、問題現(xiàn)象
? ? 最近做項(xiàng)目，接到一個(gè)移動(dòng)端微信支付的需求，說實(shí)話，之前對(duì)接過很多與微信相關(guān)的需求，但做支付還是第一次，所以在這個(gè)過程中也遇到了很多問題，著實(shí)有點(diǎn)燒腦，但最終還是順利的解決了，這中間也積累了一些經(jīng)驗(yàn)，后面抽時(shí)間一一寫來供有緣人參考。
? ?今天主要說的問題是微信支付對(duì)接：jsapi下單成功之后，前端vue調(diào)起支付，運(yùn)行時(shí)提示error ‘WeixinJSBridge‘ is not defined
? ?前端調(diào)起支付代碼如下：
? ? 運(yùn)行npm run serve時(shí)，提示error ?'WeixinJSBridge' is not defined，使得我們無法調(diào)試也無法發(fā)布，無法驗(yàn)證功能。究竟改如何解決？
? ?運(yùn)行npm run serve報(bào)錯(cuò)如下：
二、問題原因
? ? WeixinJSBridge需在微信內(nèi)置瀏覽器中使用，在運(yùn)行npm run serve時(shí)，eslint會(huì)校驗(yàn)我們的代碼書寫規(guī)范，所以才出現(xiàn)此錯(cuò)誤提示。
三、解決辦法
? ? eslint校驗(yàn)代碼書寫規(guī)則方便了我們寫代碼的規(guī)范性，那對(duì)于這種情況我們可以通過設(shè)置讓它跳過該校驗(yàn)，具體如下：
/* eslint-disable */
console.log('這里的代碼不會(huì)被eslint規(guī)則校驗(yàn)');
/* eslint-enable */例：
文章來源：http://www.zghlxwxcb.cn/news/detail-860148.html
四、eslint更多設(shè)置方式
? ?當(dāng)然eslint還有很多其他的設(shè)置規(guī)則，感興趣的可以看看文章來源地址http://www.zghlxwxcb.cn/news/detail-860148.html
1.整個(gè)文件忽略
// 在文件頂部設(shè)置
/* eslint-disable */
2.某一區(qū)塊忽略
/* eslint-disable */
console.log('這里的代碼不會(huì)被eslint規(guī)則校驗(yàn)');
/* eslint-enable */
3.某一區(qū)塊的部分規(guī)則忽略
/* eslint-disable no-alert, no-console */
alert('忽略alert');
console.log('忽略console');
/* eslint-enable no-alert, no-console */
4.某行忽略
alert('忽略行'); // eslint-disable-line
or
// eslint-disable-next-line
alert('忽略行');
5.某行部分規(guī)則忽略
alert('忽略規(guī)則'); // eslint-disable-line no-alert, quotes, semi
or
// eslint-disable-next-line no-alert, quotes, semi
alert('忽略規(guī)則');
6.git commit 忽略 eslint 校驗(yàn)
git commit --no-verify -m "commit"到了這里，關(guān)于微信支付對(duì)接：vue前端調(diào)起支付時(shí)，提示error ‘WeixinJSBridge‘ is not defined，已解決的文章就介紹完了。如果您還想了解更多內(nèi)容，請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
