摘要： 解釋一下“請配置apikey”報錯的原因。

部分Fundebug用戶使用import來導入js文件時，出現了"請配置apikey"的報錯，這是由于import提升導致的，下面我會詳細解釋一下這一點。

import提升

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

import命令具有提升效果，會提升到整個模塊的頭部，首先執行。

foo();import { foo } from 'my_module';

上面的代碼不會報錯，因為import的執行早于foo的調用。這種行為的本質是，import命令是編譯階段執行的，在代碼運行之前。

因此，即使我們把import語句寫在后面，它仍然會在其他語句之前執行。

import提升為何導致Fundebug報錯？

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

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

假設我們還需要import一個test.js文件，這個文件會拋出一個Error，如下：

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

一切看起來沒有問題：

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

但是，根據import提升，代碼的實際執行順序如下：

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

這種情況下，第二行代碼就會拋出錯誤，導致apikey復制語句不會執行，從而導致報錯：“請配置apikey”。

這個問題并不需要解決

出于測試的目的，用戶會去import一個立即報錯的js文件，類似于前文提到的test.js。但是實際開發中，我們不可能這樣做，否則應用會立即崩潰，更談不上部署了。

我們寫這篇博客的目的僅僅是解釋一下原因，并分享一個非常簡單的知識點“import提升”。

如何規避這個問題?

僅供參考，實際上沒有必要這樣做。

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

fundebug.apikey = "API-KEY";

import配置文件：

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

這種情況下，配置apikey的語句被import代替了，也就不存在所謂"import提升"的問題，Fundebug將可以正常報錯。

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

參考

• 《ECMAScript 6 入門》
• Fundebug文檔 - JavaScript錯誤監控插件

關于Fundebug

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

版權聲明

轉載時請注明作者Fundebug以及本文地址：
https://blog.fundebug.com/2019/02/26/import-cause-fundebug-apikey-error/

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。