使用vite时如何识别typescript中的env变量？

Question

export const EnvironmentProvider: React.FC<EnvironmentProps> = ({ children }) => (
  <EnvironmentContext.Provider value={{
    APP_NAME: import.meta.env.VITE_APP_NAME, 
    GQL_URI: import.meta.env.VITE_GQL_URI
  }}>
    { children }
  </EnvironmentContext.Provider>
)

当使用import.meta 加载环境变量时，vscode 只识别 url 变量...那么我如何告诉 typescript import.meta 中有自定义变量？

Answer 1

也许这就是你想要的\xe6\x99\xba\xe8\x83\xbd\xe6\x8f\x90\xe7\xa4\xba，但现在只有中文网站有这个部分。

\n

总之，你可以/src/env.d.ts这样创建：

\n

interface ImportMetaEnv {\n  VITE_APP_NAME: string;\n  VITE_GQL_URI: string;\n  // others...\n}\n

\n