VSCODE 无法识别标记语料库的 .env* 文件，也无法识别 .env.local.* 文件

Question

环境：

NextJs、React、VsCode

1. VSCODE 无法识别语法高亮显示。

我已经安装了以下扩展：

• ENV
• DotEnv

在我的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 完全停止识别该文件。

感谢您的帮助

Answer 1

create-next-app 仅支持以下变量名： https://nextjs.org/docs/basic-features/environment-variables#default-environment-variables

您覆盖 VSCode 高亮配置不会影响您的项目如何向浏览器公开环境变量。 您将需要覆盖 create-next-app 配置或使用支持的命名约定。