[带有axios的ES6异步模块-ReferenceError：未定义require

Question

问题

我正在es6模块中测试axios，并在浏览器中运行站点时在控制台中收到此错误：ReferenceError: require is not defined我知道错误的含义，但我希望Babel可以将所有内容移植到ES5。所以我想问题是我的设置。

环境

package.json的相关信息

  "devDependencies": {
    "@babel/cli": "^7.8.4",
    "@babel/core": "^7.9.6",
    "@babel/preset-env": "^7.9.6"  
  },
  "dependencies": {
    "axios": "^0.19.2"
  }

.babelrc的内容

{
  "presets": ["@babel/preset-env"]
}

Answer 1

require是属于CommonJS模块的函数，在典型的客户端JavaScript中无效（其他库可以启用它的用法，但是如果您使用babel和ES6语法，则最好坚持使用ES6）。相反，您应该使用ES6 import/export语法导入模块。由于您没有共享代码，因此我不确定您在哪里使用此代码，但是类似这样]

const axios = require('axios')

应更改为