摘要： 解釋一下“請(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 入門(mén)》。

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文件，類(lèi)似于前文提到的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)題，Fundebug將可以正常報(bào)錯(cuò)。

最后，感謝Fundebug用戶龍哥的反饋和協(xié)助！

參考

• 《ECMAScript 6 入門(mén)》
• Fundebug文檔 - JavaScript錯(cuò)誤監(jiān)控插件

關(guān)于Fundebug

Fundebug專(zhuān)注于JavaScript、微信小程序、微信小游戲、支付寶小程序、React Native、Node.js和Java線上應(yīng)用實(shí)時(shí)BUG監(jiān)控。 自從2016年雙十一正式上線，Fundebug累計(jì)處理了10億+錯(cuò)誤事件，付費(fèi)客戶有Google、360、金山軟件、百姓網(wǎng)等眾多品牌企業(yè)。歡迎大家免費(fèi)試用！

版權(quán)聲明

轉(zhuǎn)載時(shí)請(qǐng)注明作者Fundebug以及本文地址：
https://blog.fundebug.com/2019/02/26/import-cause-fundebug-apikey-error/

總結(jié)

以上是生活随笔為你收集整理的import提升导致Fundebug报错：“请配置apikey”的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。