reactjs - 存储在 .env 文件中的变量未在 netlify 的生产构建中加载

Question

我正在使用 create-react-app 并且我的代码看起来像这样

const firebaseConfig = {
  apiKey: process.env.REACT_APP_FIREBASE_API_KEY,
  authDomain: process.env.REACT_APP_AUTH_DOMAIN,
  databaseURL: process.env.REACT_APP_DATABASE_URL,
  projectId: process.env.REACT_APP_PROJECT_ID,
  storageBucket: process.env.REACT_APP_STORAGE_BUCKET,
  messagingSenderId: process.env.REACT_APP_MESSAGING_SENDER_ID,
  appId: process.env.REACT_APP_APP_ID
};

.env 文件变量在开发中是可访问的。但是在 netlify 中部署站点时出现错误。

我收到这样的错误

Uncaught FirebaseError: projectId must be a string in FirebaseApp.options
    at new t (https://movie-base.netlify.com/static/js/2.84dcc854.chunk.js:1:412130)
    at Function.e.databaseIdFromApp (https://movie-base.netlify.com/static/js/2.84dcc854.chunk.js:1:692685)
    at new e (https://movie-base.netlify.com/static/js/2.84dcc854.chunk.js:1:688595)
    at Object.firestore (https://movie-base.netlify.com/static/js/2.84dcc854.chunk.js:1:720410)
    at e._getService (https://movie-base.netlify.com/static/js/2.84dcc854.chunk.js:1:2448)
    at e.<computed> [as firestore] (https://movie-base.netlify.com/static/js/2.84dcc854.chunk.js:1:4280)
    at Object.p [as firestore] (https://movie-base.netlify.com/static/js/2.84dcc854.chunk.js:1:3996)
    at Module.435 (https://movie-base.netlify.com/static/js/main.dfb179dd.chunk.js:1:41914)
    at f (https://movie-base.netlify.com/movie/263115:1:994)
    at Object.222 (https://movie-base.netlify.com/static/js/main.dfb179dd.chunk.js:1:110)

已解决的问题：错误是我的，netlify 中的自动发布已关闭，因此 netlify.toml 变量未应用于最新版本。

标签： reactjsnetlify