【vue3.x+vite】.ts文件识别不了.vue 文件

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了【vue3.x+vite】.ts文件识别不了.vue 文件相关的知识,希望对你有一定的参考价值。

参考技术A shims-vue.d.ts 不要最外层使用 import 的语法

改成

src目录下建 typings 目录,然后下面建对应的 xx.d.ts 文件,里面声明对应的js模块,如:
declare module "qs";
declare module "nprogress";

Vite中配置环境变量

参考技术A 在 vite.config.js 中首先在这个配置文件中我们是拿不到 import.meta.env 的 ,只能通过 process.env 的方式拿到

新建一个 load-env.ts

安装 dotenv 帮助我们加载指定的环境变量 ,我们在目录下新建如下几个变量

package.json 中 配置对应的脚本

vite.config.ts

request.ts

在 request.ts 中我们可以通过 import.meta.env 拿到我们在环境变量文件中的定义的Vite变量

这样在配置 axios 的时候

以上是关于【vue3.x+vite】.ts文件识别不了.vue 文件的主要内容,如果未能解决你的问题,请参考以下文章

Vuepress 文档脚手架(vue 3.x+vuepress2.x+vite+ts)

Vite中使用Ant Design Vue3.x框架

vue3.x项目用vite构建之后提示“vite use `--host` to expose”问题

vue3 vite 配置@

Electron-Vite2-MacUI桌面管理框架|electron13+vue3.x仿mac桌面UI

2022-04-12 解决vue3 vite环境下: does not provide an export named 'xxxxxx'