vue3+ts+vite配置@别名报错 resolve: { alias: { "@": path.resolve(__dirname, "src")} },如上在vite.config.ts 配置了src别名为@。且通过 import router from "@/router"能正常访问页⾯。但是！vscode中报错了，如图 反复检查了很多次，找不到问题。。———分割⼀下，已解决该问题，参考⾃：...
npm i--save-dev@types/node (2)在ts.config.js中添加配置"types":["node"]{"compilerOptions":{..."types":["node"]},...}(3)配置别名 vite.config.js...resolve:{alias:{'@':path.resolve(__dirname,'src')}} 搞定!
1.使用别名需要用到node的path,vite.config.ts 提示找不到对应模块 npm install @types/node --save-dev 2.报错unable to verify the first certificate at TLSSocket.onConnectSecure 采用接口https必须配置 HTTPS& 自签名证书 在自己选一个文件的地方创建新文件夹,生成ca证书mkcert create-ca再生成cert证书mkcert...
三、在vite.config.ts中修改 exportdefaultdefineConfig({ ...resolve: {// 别名resolve: {// Vite路径别名配置alias: {'@': path.resolve('./src') } } ... }, }); 四、关于 process is not defined 报错问题 process.env 已经废弃,改为 import.meta.env...
vue3+ts+vite项目报错:找不到名称“GC”。ts-plugin(2304) GC变量通过script标签引入的第三方引入,但是ts-plugin并不知道,需要明确声明这个变量的类型 /// <reference types="vite/client" /> declare module "*.vue" { import type { DefineComponent } from "vue";...
使用import引入文件默认是“./……”上下层级多一些的时候难免就会出错,设置一个基础目录的别名就比较有用了。 在vite.config.ts中添加配置 // vite.config.ts// 导入path模块importpathfrom'path'// defineConfig添加以下内容resolve:{alias:{'@':path.resolve(__dirname,'src')}}// 例如import{defineConfig...
通过$ npm create vite@latest创建vite项目的时候,在vite.confog.ts文件中添加alias别名时,想要引入node的path模块,会报错 原因:path模块是node.js内置的功能,但是node.js本身并不支持ts 解决方案:安装@types/node npm install @types/node-D 方案一:
为了解决这个报错,需要在tsconfig.ts新加个配置: {"compilerOptions":{..."paths":{"@":["./src"],"@/*":["./src/*"]// 多加个这个}}} 再奉上vite.config.ts的代码 exportdefaultdefineConfig({...resolve:{// 别名alias:{"@":path.join(__dirname,"./src"),},// extensions: [".ts", ...
在vite.config.ts 中添加导入路径设置别名,显示没有导入包 import path from 'path' 需要先安装一下typescript的类型声明文件 npm add @types/node-D 然后就没有错误提示了,你可以快乐的设置别名了 // https://vitejs.dev/config/ export default defineConfig({ ...