sveltekit api process.env.VARIABLE_NAME undefined

Question

I'm not sure if this is a race condition, but I am unable to access specific environment variables

I have an API endpoint setup in svelte

import dotenv from 'dotenv';
dotenv.config();
console.log(process.env)
console.log(process.env.NODE)

Result is

{
  NVM_INC: '/Users/simon/.nvm/versions/node/v16.13.1/include/node',
  TERM_PROGRAM: 'vscode',
  NODE: '/Users/simon/.nvm/versions/node/v16.13.1/bin/node',
  INIT_CWD: '/Users/simon/development/svelte/sveltekit-oidc',
  NVM_CD_FLAGS: '-q',
  TERM: 'xterm-256color',
  ...
}
undefined

On further testing the following works OK

console.log(process.env['NODE'])
/Users/simon/.nvm/versions/node/v16.13.1/bin/node

Not sure why this is and it worries me that if this is a race condition, it may work in development and at some point give me errors in production.

Shriji Kondan Elangovan · Accepted Answer · 2022-02-25 15:59:50Z

2

For sveltekit you need to prefix the variables in the .env file with for example, VITE_MYSECRET=123 and use/import them using import.meta.env.VITE_MYSECRET.

Reference documentation https://kit.svelte.dev/faq#env-vars and https://vitejs.dev/guide/env-and-mode.html#env-files.

For Svelte you need rollup-replace plugin to pick up environment variables, the below snippet was answered on another question.

import { config } from "dotenv";
...
replace({
      values: {
        foo: JSON.stringify({ bar: "Hello", ...config().parsed }),
      },
    })
...

and in your .svelte file

  const { bar, ...rest } = foo;
  console.log("bar=>", bar);
  console.log("env=>", rest);

edited Feb 25, 2022 at 15:59

answered Dec 20, 2021 at 10:41

Shriji Kondan Elangovan

1,1396 silver badges12 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

sveltekit api process.env.VARIABLE_NAME undefined

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related