import提升導(dǎo)致Fundebug報(bào)錯(cuò)怎么辦？這個(gè)問(wèn)題可能是我們?nèi)粘W(xué)習(xí)或工作經(jīng)常見(jiàn)到的。希望通過(guò)這個(gè)問(wèn)題能讓你收獲頗深。下面是小編給大家?guī)?lái)的參考內(nèi)容，讓我們一起來(lái)看看吧！

十余年的桂平網(wǎng)站建設(shè)經(jīng)驗(yàn)，針對(duì)設(shè)計(jì)、前端、開(kāi)發(fā)、售后、文案、推廣等六對(duì)一服務(wù)，響應(yīng)快，48小時(shí)及時(shí)工作處理。營(yíng)銷型網(wǎng)站的優(yōu)勢(shì)是能夠根據(jù)用戶設(shè)備顯示端的尺寸不同，自動(dòng)調(diào)整桂平建站的顯示方式，使網(wǎng)站能夠適用不同顯示終端，在瀏覽器中調(diào)整網(wǎng)站的寬度，無(wú)論在任何一種瀏覽器上瀏覽網(wǎng)站，都能展現(xiàn)優(yōu)雅布局與設(shè)計(jì)，從而大程度地提升瀏覽體驗(yàn)。成都創(chuàng)新互聯(lián)從事“桂平網(wǎng)站設(shè)計(jì)”,“桂平網(wǎng)站推廣”以來(lái)，每個(gè)客戶項(xiàng)目都認(rèn)真落實(shí)執(zhí)行。

摘要：解釋一下“請(qǐng)配置apikey”報(bào)錯(cuò)的原因。

部分Fundebug用戶使用import來(lái)導(dǎo)入js文件時(shí)，出現(xiàn)了"請(qǐng)配置apikey"的報(bào)錯(cuò)，這是由于import提升導(dǎo)致的，下面我會(huì)詳細(xì)解釋一下這一點(diǎn)。

import提升

關(guān)于import提升，我們可以參考阮一峰的《ECMAScript 6 入門》。

import命令具有提升效果，會(huì)提升到整個(gè)模塊的頭部，首先執(zhí)行。

foo();

import { foo } from 'my_module';

上面的代碼不會(huì)報(bào)錯(cuò)，因?yàn)閕mport的執(zhí)行早于foo的調(diào)用。這種行為的本質(zhì)是，import命令是編譯階段執(zhí)行的，在代碼運(yùn)行之前。

因此，即使我們把import語(yǔ)句寫(xiě)在后面，它仍然會(huì)在其他語(yǔ)句之前執(zhí)行。

import提升為何導(dǎo)致Fundebug報(bào)錯(cuò)？

Fundebug用戶應(yīng)該清楚，在接入fundebug-javascript插件之后，需要配置apikey，如下：

import * as fundebug from "fundebug-javascript";
fundebug.apikey = "API-KEY";

假設(shè)我們還需要import一個(gè)test.js文件，這個(gè)文件會(huì)拋出一個(gè)Error，如下：

// test.js
throw new Error("test")

一切看起來(lái)沒(méi)有問(wèn)題：

// main.js
import * as fundebug from "fundebug-javascript";
fundebug.apikey = "API-KEY";
import "./test"

但是，根據(jù)import提升，代碼的實(shí)際執(zhí)行順序如下：

// main.js
import * as fundebug from "fundebug-javascript";
import "./test"
fundebug.apikey = "API-KEY";

這種情況下，第二行代碼就會(huì)拋出錯(cuò)誤，導(dǎo)致apikey復(fù)制語(yǔ)句不會(huì)執(zhí)行，從而導(dǎo)致報(bào)錯(cuò)：“請(qǐng)配置apikey”。

這個(gè)問(wèn)題并不需要解決

出于測(cè)試的目的，用戶會(huì)去import一個(gè)立即報(bào)錯(cuò)的js文件，類似于前文提到的test.js。但是實(shí)際開(kāi)發(fā)中，我們不可能這樣做，否則應(yīng)用會(huì)立即崩潰，更談不上部署了。

我們寫(xiě)這篇博客的目的僅僅是解釋一下原因，并分享一個(gè)非常簡(jiǎn)單的知識(shí)點(diǎn)“import提升”。

如何規(guī)避這個(gè)問(wèn)題?

僅供參考，實(shí)際上沒(méi)有必要這樣做。

新建一個(gè)配置文件config.js，在這個(gè)文件中配置apikey：

fundebug.apikey = "API-KEY";

import配置文件：

// main.js
import * as fundebug from "fundebug-javascript";
import "./config"
import "./test"

這種情況下，配置apikey的語(yǔ)句被import代替了，也就不存在所謂"import提升"的問(wèn)題，F(xiàn)undebug將可以正常報(bào)錯(cuò)。

感謝各位的閱讀！看完上述內(nèi)容，你們對(duì)import提升導(dǎo)致Fundebug報(bào)錯(cuò)怎么辦大概了解了嗎？希望文章內(nèi)容對(duì)大家有所幫助。如果想了解更多相關(guān)文章內(nèi)容，歡迎關(guān)注創(chuàng)新互聯(lián)網(wǎng)站制作公司行業(yè)資訊頻道。

名稱欄目：import提升導(dǎo)致Fundebug報(bào)錯(cuò)怎么辦-創(chuàng)新互聯(lián)
網(wǎng)頁(yè)地址：http://weahome.cn/article/dsgeoe.html