一、vite.config.ts import{defineConfig}from'vite'import{resolve}from'path'//引入node的path模块 这里报错importvuefrom'@vitejs/plugin-vue'// https://vitejs.dev/config/exportdefaultdefineConfig({plugins:[vue()],resolve:{//路径别名alias:{'@':resolve(__dirname,'./src')}},}) 二、解决办法 ...
配置如下:(vite.config.ts) import { defineConfig } from 'vite' import vue from '@vitejs/plugin-vue' const path = require('path') function resolve(dir: string) { const _path: string = path.resolve(__dirname, dir); return _path; } // https://vitejs.dev/config/ export default ...
yarn add @types/node或者npm i @types/node 然后进vite.config.ts,添加添加@别名 resolve: {alias: {'@':resolve(__dirname,'src') } } 其实到这里,就可以使用@符号了,但仅限于JS 引完确实能用,但是会报错,过不了TS的检查 包括引入外部的TS文件,不生效 然后在tsconfig.json文件的compilerOptions中,进行...
1. 需要在vite.config.ts配置别名(附上我的配置文件全文) View Code 2. 需要在tsconfig.json配置别名 (也一样附上) View Code
(1)安装types/node依赖 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...
检查 tsconfig.json 文件中的别名配置,确保别名正确映射到实际的文件路径。{ "compilerOptions": { "baseUrl": "./", "paths": { "@/*": ["src/*"] } } } 缺少类型声明文件: 如果该模块的对应类型声明文件(.d.ts)不存在,TypeScript 会报错。在确保路径和别名配置正确的情况下,你可能需要确保有...
原因:path模块是node.js内置的功能,但是node.js本身并不支持ts 解决方案:安装@types/node npm install@types/node -D 方案一: import{ defineConfig }from'vite'importvuefrom'@vitejs/plugin-vue'import{ resolve }from'path'exportdefaultdefineConfig({plugins: [vue()],resolve: {// 配置别名alias: {"@...
【Vue】vite + ts 配置别名 import { defineConfig } from 'vite' import vue from '@vitejs/plugin-vue' import {resolve} from 'path' function _resolve(dir: string) { return resolve(__dirname, dir) } // https://vitejs.dev/config/