Env variable is displaying as Undefined.

[sadashivm]

Hi @kunalpanchal ,
I'm using your npm package with react js application. it is not working properly.
I followed the below steps,

1. Installed it locally like :

   

2. In package.json it looks like:

   

3. Created .env file in the root directory and added below key values
   CLIENT_ID=1234
API_KEY=4455

4. My current npm version is :

   

5. It is greater than v5.2, so I ran the below command.
   npx secure-env .env -s SecretkeyHelloWorld

6. After that it is created env.enc file. and I deleted .env file to prevent stealing.

7. I have added below lines in index.js,
   let secureEnv = require('secure-env');
global.env = secureEnv({secret:'SecretkeyHelloWorld'});

   

8. When I hover on packages it shows some warning message:

   

9. I start the application using below command
   npm start

10. The env variables is displaying as undefined:

I also tried REACT_APP as prefix in .env file, still it's not working.
REACT_APP_CLIENT_ID=1234
REACT_APP_API_KEY=4455

Please let me know if I've missed out anything.

[github-actions]

Thanks for raising the issue. Maintainer(s) will look into this shortly.

[AlexisLapeze]

hi, i have the same issue

[MarkKewley]

Not sure if it helps but I was using VueJS and realized you can use fs when bootstrapping the system. For my case placing this logic in the vue.config.js (Or a webpack.config.js for example) solved that error.

E.g.

vue.config.js

const secureEnv = require('secure-env');
const decrypted = secureEnv({ secret: 'mySecretPassword' });

process.env = {
  ...process.env,
  ...decrypted
};

module.exports = {
  transpileDependencies: ['vuetify']
};

Though not entirely sure this is what we need as it still shows up in the compiled js defeating the purpose of the encryption...More debugging I'm sure.

[Deepak9811]

@sadashivm have you got the solution?