import提升導致Fundebug報錯:“請配置apikey”
摘要: 解釋一下“請配置apikey”報錯的原因。
部分Fundebug使用者使用import來匯入js檔案時,出現了"請配置apikey"的報錯,這是由於import提升導致的,下面我會詳細解釋一下這一點。
import提升
關於import提升,我們可以參考阮一峰的。
import命令具有提升效果,會提升到整個模組的頭部,首先執行。
foo();
import { foo } from 'my_module';
上面的程式碼不會報錯,因為import的執行早於foo的呼叫。這種行為的本質是,import命令是編譯階段執行的,在程式碼執行之前。
因此,即使我們把import語句寫在後面,它仍然會在其他語句之前執行。
import提升為何導致Fundebug報錯?
使用者應該清楚,在接入外掛之後,需要配置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使用者龍哥的反饋和協助!
參考
版權宣告
來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/2041/viewspace-2821762/,如需轉載,請註明出處,否則將追究法律責任。
相關文章
- pycharm import 報錯PyCharmImport
- java由於越界導致的報錯Java
- 新增ijkplayer-java 導致的報錯Java
- 踩坑系列:MySql only_full_group_by配置,竟導致所有應用報錯?MySql
- innodb_undo_tablespaces導致Mysql啟動報錯MySql
- MySQL 網路導致的複製報錯案例MySql
- Session物件改變請求頭值導致的401錯誤Session物件
- 什麼會導致HTTP代理出現400錯誤請求HTTP
- 什麼會導致HTTP出現429請求過多錯誤?HTTP
- 故障分析 | 手動 rm 掉 binlog 導致主從報錯
- Apache Solr錯誤預設配置導致的RCE(CVE-2019-12409)ApacheSolr
- idea import配置IdeaImport
- 【解決方法】vscode import cv2報錯Import "cv2" could not be resolvedPylancereportMissingImportsVSCodeImport
- vim 編輯報錯導致無法正常退出和編輯
- go tool compile 報錯 could not import sync (file not found)GoCompileImport
- MySQL Insert資料量過大導致報錯 MySQL server has gone awayMySqlServerGo
- asm磁碟組依賴導致資料庫自啟動報錯ASM資料庫
- 請求介面報錯
- Nginx轉發導致請求頭丟失Nginx
- 用Fundebug外掛記錄網路請求異常
- ORA-21561: OID generation failed hostname與/etc/hosts不一致導致安裝報錯AI
- 故障分析 | MySQL convert 函式導致的字符集報錯處理MySql函式
- python from import 出錯PythonImport
- 如何解決非同步介面請求快慢不均導致的資料錯誤問題? - DevUI非同步devUI
- JS · \r\n被轉義導致出錯JS
- 快應用如何避免讀取undefined變數的屬性導致報錯Undefined變數
- SAP S4HANA 賬戶組的配置裡'Int.Std.Grping'選項沒勾選導致ABAP程式報錯
- 微軟配置錯誤導致大量敏感資料洩露,全球客戶受影響微軟
- shopify 如何獲取 apikeyAPI
- This relative module was not found: * ./_import_dev in ./src/router/index.js報錯ImportdevIndexJS
- Vue router 使用 History 模式導致頁面請求 404Vue模式
- springboot 介面引數型別為LocalDateTime解析失敗導致介面報錯 -解決Spring Boot型別LDA
- Lombok 的@ToString導致的Maven編譯錯誤LombokMaven編譯
- ORA-04031錯誤導致當機案例分析
- 記一次 hosts 檔案配置錯誤導致應用卡頓的奇葩問題
- logback配置不當導致頻繁類載入
- macaca 環境配置報錯Mac
- 歸檔日誌滿導致ORA-13516錯誤,awr報表不能自動收集