How to use dotenv with Vue.js

Question

I\'m trying to add some environment variables into my vue app.

here is content of my .env file, which is placed on root(outside src):

Answer 1

Try removing the spaces around the equal sign.

VUE_APP_GOODREADS_KEY=my_key

Also, try debugging like this:

const config = dotenv.config()
if(config.error){
  console.log('Could not load env file', config.error)
}

Reference: https://github.com/motdotla/dotenv#config