Axios'無法在模組外部使用 import 語句”

Question

我有一個 Vue.js 應用程序，其中兩個檔案包含：

從「axios」導入axios

#

這些檔案位於應用程式內的 src/lib 中，並在第一行包含 import 語句。

無論 package.json 說什麼，在 Github 上執行測試都會導致安裝 Axios 1.0.0，現在涉及這些檔案的任何測試都會失敗並出現上述錯誤。

將語句改為 const axios = require("axios") 也會失敗； node_modules/axios/index.js 在第 1 行包含一個 import 語句，並在那裡拋出例外。

針對這類問題，我經常看到的一個建議是將 "type": "module" 新增到 package.json （與 src/ 處於同一層級）。這會導致所有測試失敗，並要求將 vue.config.js 重新命名為 vue.config.cjs。這樣做讓我感到困惑： 錯誤：您似乎正在使用本機 ECMAScript 模組配置文件，該文件僅在異步運行 Babel 時受支援 ，我不明白。

有人可以建議在這裡做什麼嗎？

Answer 1

我能夠透過新增強制 jest 導入 commonjs axios 建置來修復此錯誤

  "jest": {
    "moduleNameMapper": {
      "axios": "axios/dist/node/axios.cjs"
    }
  },

到我的package.json。使用 transformIgnorePatterns 的其他解決方案對我不起作用。