vue3项目中配置vite.config.ts时使用path模块报错
通过$ npm create vite@latest
创建vite项目的时候,在vite.confog.ts文件中添加alias别名时,想要引入node的path模块,会报错
文章图片
原因:path模块是node.js
内置的功能,但是node.js
本身并不支持ts
解决方案:安装@types/node
npm install @types/node -D
【vue3项目中配置vite.config.ts时使用path模块报错】完整代码
import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import { resolve } from 'path'export default defineConfig({
plugins: [vue()],
resolve: {
// 配置别名
alias: {
"@": resolve(__dirname, "src"),
"@c": resolve(__dirname, "src/components"),
}
}
})
推荐阅读
- spring|springboot简单小项目练习之增删改查-exercisePro01
- Java毕业设计项目实战篇|Java项目:医院心理咨询问诊系统(java+Spring+Maven+mybatis+Vue+mysql)
- 小项目|(c,c++,java)爱心代码(狗粮)
- 尚硅谷电商项目|尚硅谷-尚品汇项目开发总结(第三天)
- 尚硅谷电商项目|尚硅谷-尚品汇项目开发总结(第四天)
- 尚硅谷电商项目|尚硅谷-尚品汇项目开发总结(第十二天)
- 尚硅谷电商项目|尚硅谷-尚品汇项目开发总结(第十六天,电商项目完)
- 尚硅谷电商项目|尚硅谷-尚品汇项目开发总结(第一天)
- vue.js|B站尚品汇项目学习笔记整理(P1-P10)
- vue|vue-尚品汇项目 -尚硅谷项目笔记-项目配置