环境变量在next js(12.2.2)中不工作



我遵循了官方文档中的步骤,但我遇到了问题,我是这样做的:

next.config.js

const nextConfig = {
reactStrictMode: true,
swcMinify: true,
env : {
MORALIS_ID: 'moralisId',
MORALIS_SERVER: 'moralisServer'
}
}
module.exports = nextConfig

我这样称呼它:

<MoralisProvider serverUrl={process.env.MORALIS_SERVER} appId={process.env.MORALIS_ID}>
<Component {...pageProps} />
</MoralisProvider>

但是当我console.log时,我得到未定义,错误出现:ReactMoralisError: Provide a "appId" provided to <MoralisProvider>

所以Next不知道id。

我做错了什么?

编辑=比;即使在我的。env中它也不起作用

EDIT AGAIN =>我重新启动服务器,它工作了,对不起,谢谢你的时间

使用.env代替next.config.js。本地,请访问https://nextjs.org/docs/basic-features/environment-variables

我重新启动服务器,它工作了,对不起,伙计们,谢谢你的时间