Почему в create-react-app не вижу данных из .env.local?

Question

[Марат Шакиров]

Создал приложение на create-react-app, создал файл в корне проекта .env.local (REACT_APP_....), вызываю консоль process.env и там нет этих переменных. Возвращает вот это:

FAST_REFRESH: true
NODE_ENV: "development"
PUBLIC_URL: ""
WDS_SOCKET_HOST: undefined
WDS_SOCKET_PATH: undefined
WDS_SOCKET_PORT: undefined
[[Prototype]]: Object

Create-react-app умеет же работать с .env, почему я не вижу переменных внутри .env?

Comments

[вовчек]

Могу ошибаться, но возможно потому что это .env.local файл, попробуйте сохранить эти переменные в .env

[Марат Шакиров]

вовчек, уже пробывал, и .env.development.local, тоже не видит

[вовчек]

Марат Шакиров, у вас эти ключи именно для фронта, не для сервера?

[вовчек]

Марат Шакиров, И устанавливали вы какие либо библиотеки, для прочтения .env файла?

[Марат Шакиров]

вовчек, да, для фронта

то, что create-react-app + firebase, redux toolkit

Answer 1

[вовчек]

Create-react-app умеет же работать с .env, почему я не вижу переменных внутри .env?

Попробуйте установить библиотеку:
тык

Comments

[Марат Шакиров]

Странно, что после этого выпадают такого рода ошибки:

Module not found: Error: Can't resolve 'fs' in

BREAKING CHANGE: webpack < 5 used to include polyfills for node.js core modules by default.
This is no longer the case. Verify if you need this module and configure a polyfill for it.

If you want to include a polyfill, you need to:
        - add a fallback 'resolve.fallback: { "path": require.resolve("path-browserify") }'
        - install 'path-browserify'
If you don't want to include a polyfill, you can use an empty module like this:
        resolve.fallback: { "path": false }

не понимаю, что делать)) и это если развернуть приложение через create-react-app

[Марат Шакиров]

Моя невнимательность мне проблем и насоздавала. Я в файле .env.local использовал

REACT_APP_... : .....

вместо

REACT_APP_... = ...