我已经研究了至少一个小时,到目前为止我都被难住了。也许我不理解文档或中等文章。但是,据我所知,NextJS(我已经安装了最新版本)提供了一个内置的 env 变量解决方案。所以,不需要dotenv包。
由于设置了 NextJS,我需要做的就是创建一个env.local来存储我的 API_KEY 和其他敏感信息。然后,一旦我保存了更新的文件,我就应该能够${process.env.API_KEY}在我的代码中的任何地方访问和访问该值。
如果上述陈述属实,我无法让它发挥作用。
就我而言,我使用环境变量连接到 Firebase。在下面的代码中,它正在被实现。我收到一个 500 格式错误的错误:
Connection GRPC stream error. Code: 3 Message: 3 INVALID_ARGUMENT:
Project id parakeat-a1-7706, is malformed: it either contains invalid
characters or is too long. Look at https://cloud.google.com
/resource-manager/docs/creating-managing-projects#identifying_projects
for instructions in how to get a project's id.
Run Code Online (Sandbox Code Playgroud)
import * as firebase from 'firebase/app';
import 'firebase/auth';
import 'firebase/firestore';
import 'firebase/storage';
import 'firebase/analytics';
const config = {
apiKey: process.env.FIREBASE_API_KEY,
authDomain: process.env.FIREBASE_AUTH_DOMAIN,
databaseURL: process.env.FIREBASE_DATABASE_URL, …Run Code Online (Sandbox Code Playgroud)