TypeError：无法在 Dotenv.apply 读取未定义的属性“版本”答案

【问题标题】：TypeError: Cannot read property 'version' of undefined at Dotenv.applyTypeError：无法在 Dotenv.apply 读取未定义的属性“版本”
【发布时间】：2021-06-09 11:25:53
【问题描述】：

您好，我正在尝试在我的 react 应用程序中设置环境变量。我正在使用 webpack 4 和 babel 从头开始构建。将 dotenv-webpack 插件添加到 webpack.config 后，出现此错误

TypeError: Cannot read property 'version' of undefined
    at Dotenv.apply (C:\Users\vrana\Documents\codeproject\musicapp\client\node_modules\dotenv-webpack\dist\index.js:65:38)
    at WebpackCLI.webpack (C:\Users\vrana\Documents\codeproject\musicapp\client\node_modules\webpack\lib\webpack.js:51:13)
    at WebpackCLI.createCompiler (C:\Users\vrana\Documents\codeproject\musicapp\client\node_modules\webpack-cli\lib\webpack-cli.js:1678:29)
nt\node_modules\@webpack-cli\serve\lib\index.js:67:30)
    at async Promise.all (index 1)
    at async Command.<anonymous> (C:\Users\vrana\Documents\codeproject\musicapp\client\node_modules\webpack-cli\lib\webpack-cli.js:1120:13)

这是我的 package.json 中的 devDependencies

 "devDependencies": {
    "@babel/core": "^7.12.17",
    "@babel/preset-env": "^7.13.10",
    "@babel/preset-react": "^7.12.13",
    "babel-loader": "^8.2.2",
    "babel-plugin-styled-components": "^1.12.0",
    "css-loader": "^5.0.2",
    "dotenv-webpack": "^7.0.1",
    "error-overlay-webpack-plugin": "^0.4.2",
    "html-webpack-plugin": "^4.5.2",
    "mini-css-extract-plugin": "^1.3.8",
    "react-hot-loader": "^4.13.0",
    "sass": "^1.32.8",
    "sass-loader": "^10.1.1",
    "style-loader": "^2.0.0",
    "webpack": "^4.46.0",
    "webpack-cli": "^4.5.0",
    "webpack-dev-server": "^3.11.2"
  }

有人知道如何解决这个问题吗？？

【问题讨论】：

标签： javascript node.js reactjs webpack environment-variables

【解决方案1】：

我遇到了类似的问题，在我将webpack 更新到 5.25 后它就消失了。不确定实际原因，但我已经看到组件不能很好地与特定版本的 webpack 配合使用时出现问题，所以在我看来，这与开发体验一样令人沮丧。无论如何，这是我项目中的开发依赖项

  "devDependencies": {
    "copy-webpack-plugin": "4.5.1",
    "css-loader": "4.3.0",
    "dotenv-webpack": "7.0.1",
    "style-loader": "1.2.1",
    "ts-loader": "8.0.1",
    "webpack": "5.25.0",
    "webpack-bundle-analyzer": "4.4.0",
    "webpack-cli": "4.5.0"
  }

另外，请注意我不使用插入符号 (^)。 IMO 它可以更好地控制您实际运行的软件包版本。

【讨论】：