TypeError: Cannot read properties of undefined (reading 'get') when trying to configure do-CodePudding

vue: 3.2.22
webpack: 5.68.0
dotenv-webpack: 6.0.4 (but I also tried 7.1.0 which is currently the latest)

My vue.config.js looks like this:

const Dotenv = require("dotenv-webpack")


module.exports = {
  // ...

  configureWebpack: {
    performance: {
      hints: false,
    },
    output: {
      filename: "main.js",
    },
    plugins: [
      new Dotenv(),
    ],
  },

  chainWebpack: config => {
    // ...
  },
}

When I run yarn build I get TypeError: Cannot read properties of undefined (reading 'get').

This usage of Dotenv is found in a lot of answers on SO and elsewhere but for some reason it doesn't work for me. What could be the cause?

NOTE: I don't have to use dotenv-webpack necessarily. I'm open to alternatives as long as I can use my .env file in Vue.

CodePudding user response：

Vue uses dotenv out of the box. Use that instead

https://cli.vuejs.org/guide/mode-and-env.html

CodePudding user response：

Just out of curiosity, do you have a .env file in the folder where the webpack config file is?