【问题标题】:import.meta undefined in components (Vite/Vue3)import.meta 在组件中未定义(Vite/Vue3)
【发布时间】:2022-11-02 06:39:28
【问题描述】:

我正在尝试访问组件中的 import.meta.env 变量“APP_SOCKET_URL”,但它说未捕获的类型错误:import_meta.env 未定义

在我的 main.js 文件中 import.meta.env 工作正常。在所有其他文件中它不起作用,我不知道为什么。也许有人可以在那里帮助我。

这是我的数据函数的代码:

 data(){


  const socket = new Socket(import.meta.env.APP_SOCKET_URL || `ws://${location.href}/ws`);
  return {
     socket
  };
}

在我的 .env 文件中,我添加了:

APP_SOCKET_URL="ws://localhost:8765"

在我的 vite.config 中,我将 envPreix 更改为“APP_”

这是我的设置:

Vite 版本 3.1.4
Vue 3 版本 3.2.40 打字稿编程 感谢,并有一个愉快的一天!

编辑:

我发现了错误。如果我将脚本延迟从“ts”更改为“js”,它会起作用。所以问题出在打字稿上,但我不知道如何解决。

【问题讨论】:

    标签: environment-variables vuejs3 vite


    【解决方案1】:

    你的答案应该在这个documentation

    如果在 tsconfig.json 中正确配置,Vite 会为您生成类型。

    【讨论】: