我有一个我正在测试的应用程序,它有一个小部件,它需要一个脚本中的API密钥,而这个脚本必须放在我的标记中,所以我的.js文件在我的公共文件夹中,并被导入到我的layout.tsx中:
<html lang="en">
<Script src="crm.js"/>
<body>
我已经创建了一个.env.local文件,并按如下方式放置我的变量:
NEXT_PUBLIC_META_CRM_API_KEY=xxxxxxxxxxx
我的.js文件中的变量如下所示:
MetaCRMWidget.init({
apiKey: process.env.NEXT_PUBLIC_META_CRM_API_KEY
});
我的小工具在未经授权的情况下无法加载,但当我在脚本中直接输入apiKey时,它可以工作.
我正试图在当地测试这一点.
Images of errors when adding process.env.NEXT_PUBLIC_META_CRM_API_KEY: