无法读取未定义的属性（读取'分割'）

Question

我正在使用webpack，浏览器中出现以下错误：

Uncaught TypeError: Cannot read properties of undefined (reading 'split')
    at eval (validator.js:15)
    at Object../node_modules/axios/lib/helpers/validator.js (main.bundle.js:1225)
    at __webpack_require__ (main.bundle.js:1673)
    at eval (Axios.js:8)
    at Object../node_modules/axios/lib/core/Axios.js (main.bundle.js:1005)
    at __webpack_require__ (main.bundle.js:1673)
    at eval (axios.js:5)
    at Object../node_modules/axios/lib/axios.js (main.bundle.js:961)
    at __webpack_require__ (main.bundle.js:1673)
    at eval (index.js:1)

编译时没有错误或警告。

validator.js的第15行如下所示：var currentVerArr=pkg.version.split（'.'）

文件顶部有一行：var pkg=__webpack_require__(/*! ./...package.json */ "./ package.json ");

看来你需要的网页包不起作用了？

我怎样才能解决这个问题？




Answer 1

我今天遇到了同样的问题。这是因为我将json文件的默认加载程序更改为文件加载程序，如下所示：

{
  type: 'javascript/auto',
  test: /\.(geo)?json$/,
  use: 'file-loader'
},

如果查看axios v0.21.4中的axios/lib/helpers/validators.js，您会看到它像这样导入package.json：var pkg=require（'./../../package.json'） 。

上面的配置会导致文件作为指向其URL的字符串加载，但代码假定为JS对象，并且当它尝试访问其version属性时失败。

我通过从该规则中排除axios/package.json修复了该错误：

{
  type: 'javascript/auto',
  test: /\.(geo)?json$/,
  exclude: [path.resolve(__dirname, 'node_modules/axios/package.json')],
  use: 'file-loader'
},

您的问题可能是由于您的webpack配置中的类似内容造成的。查看您的规则和配置的其他部分，了解您使用的加载器以及如何解析文件和对象。

Answer 2

显然，axios依赖于package.json中定义的“version”属性。但我不知道为什么。。。

但解决方案是向package.json添加一个“version”属性。任何版本。

Answer 3

我也遇到了同样的问题。我的axios版本是0.21.3，我尝试了很多方法，但都不起作用。最后，回到0.21.1（这个版本中没有validator.js，所以我认为这是一个bug）

npm我--保存axios@0.21.1