vite.config.ts文件中 前置条件 下载types/node 下面引入的path会用到 npm install @types/node --save-dev 原因:path模块是node.js内置的功能,但是node.js本身并不支持ts,所以需要手动安装 import{ defineConfig }from"vite";importvuefrom"@vitejs/plugin-vue";importpathfrom"path";//这个path用到了这个模块...
我们在ts文件中引入path,会发现path爆红 解决方法为,项目安装types/node即可 安装后,再次引入将不会显示错误,这是因为node中path并不支持ts导致的问题。
1、修改vite.config.ts import{defineConfig}from 'vite'import vue from '@vitejs/plugin-vue'import path from "path";//这个path用到了上面安装的@types/node// https://vitejs.dev/config/export default defineConfig({plugins:[vue()],resolve:{alias:{'@':path.resolve('./src')//@代替src}}})...
原因: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: {"@"...
vue2+webpack配置中有一项indexPath设置,可以指定构建index.html的输出路径,vue3+vite的脚手架没找到相应的选项,在此分享自己的解决方案。 解决方案 1、项目根目录下创建文件vite.config.extend.ts,自定义处理插件 importfsfrom"node:fs";importpathfrom"node:path";importtype{ResolvedConfig}from"vite";exportinterf...
vite.config.ts 文件中配置 resolve:{alias:{'@':fileURLToPath(newURL('./src', import.meta.url)),},}, image tsconfig.json 文件中配置 //配置 @"baseUrl":".","paths":{"@/*":["src/*"]} image 然后就可以在项目中使用@了 image...
首先npm install @types/node --save-dev(需要用到node其中的path) 接着在vite.config.ts配置文件中进行配置:先引入 import path from 'path',然后进行配置 resolve:{//使用@路径alias:{"@":path.resolve("./src")}} 在tsconfig.json中compilerOptions进行配置 ...
我在学习vue3+vite+ts的时候,在配置别名这一步的时候遇到了一个问题,就是引入path的时候会报错,如下图所示。 用了2中方式引入,都不行,我在网上搜了很多文章就是这么写,但是到我项目就不行。后面我根据报错的提示,总算解决了问题。 使用import方式引入的报错提示 ...
安装@types/node,为node内置包添加TS类型声明 yarnadd -D@types/node或npmi -D@types/node 配置好vite.config.ts的结果如下: import{defineConfig}from"vite";importvuefrom"@vitejs/plugin-vue";importpathfrom"path";// https://vitejs.dev/config/exportdefaultdefineConfig({plugins:[vue()],resolve:{al...
base.ts: import axios from 'axios' const request = (option: any) => { return axios(option) } function Service(value: { namespace?: string; url?: string; prefix?: string }) { return function (target: any) { target.prototype.namespace = value.namespace ...