next.js VSCODE无法识别标记位置的.env* 文件,也无法识别. env.local. * 文件

iq3niunx  于 2023-01-13  发布在  Vscode
关注(0)|答案(2)|浏览(415)

环境:
下一个J、React、与代码
1.语法突出显示未被VSCODE识别。
我已经安装了以下扩展:

在我的json配置文件上完成了以下操作:

"files.associations": {
            "*.js": "javascriptreact",
            "*.env.development": "env",
            "*.env.production": "env",
            "*.env.local": "env",
    },
  1. VsCode应该能够识别我创建的文件中的. env命名:
    .env.local.example
    我已经测试了一个公共变量NEXT_PUBLIC_ENV_LOCAL_VARIABLE = "Some public stuff",当我在浏览器上测试它时,它不工作。当我将终止.example添加到.env.local文件时,Vscode完全停止识别该文件。
    谢谢你的帮助
vltsax25

vltsax251#

您的配置全局模式似乎是问题所在。
*.env.local覆盖example.env.local而不是.env.local.example。如果在文件名末尾附加标识符,则配置应如下所示:

"files.associations": {
    "*.js": "javascriptreact",
    ".env.development*": "env",
    ".env.production*": "env",
    ".env.local*": "env",
},

我认为,甚至这就足够了:

"files.associations": {
    "*.js": "javascriptreact",
    ".env.*": "env",
},

更新:
这也取决于你安装的插件。env类型是由ENV插件注册的,如果你没有安装它,你可以使用内置的properties类型。

"files.associations": {
    ".env.*": "properties",
},
20jt8wwn

20jt8wwn2#

create-next-app仅支持以下变量名:https://nextjs.org/docs/basic-features/environment-variables#default-environment-variables
重写VSCode突出显示配置不会影响项目向浏览器公开环境变量的方式。您需要重写create-next-app配置或使用支持的命名约定。

相关问题