import.meta在组件中未定义(Vite/Vue3)

Question

我正试图访问组件中的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版用Typescript编程谢谢，祝你今天愉快！

编辑：

我发现了错误。如果我将脚本滞后从"ts"更改为"js"，它就可以工作了。所以问题出在打字上，但我不知道该怎么解决。

Answer 1

您的答案应该在本文档中

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