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 的其他解决方案对我不起作用。