vite+ts vite.config.ts使用path报错问题及解决
更新时间：2023年10月10日 09:33:31 作者：yanhhhhhh
这篇文章主要介绍了vite+ts vite.config.ts使用path报错问题及解决方案,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
找不到模块path及其相应的声明
问题1
新项目配置vite.config.ts时使用
import path from 'path'
原因分析：path模块是node.js内置的功能，但是node.js本身并不支持typescript，所以直接在typescript项目里使用是不行的
解决方案
安装@types/node
使用npm
npm install @types/node --save-dev
使用pnpm
pnpm i @types/node -D
allowSyntheticDefaultImports
问题2
提示模块 ""path"" 只能在使用 "allowSyntheticDefaultImports" 标志时进行默认导入
解决方案
方式一：在tsconfig.node.json或者tsconfig.json添加"allowSyntheticDefaultImports": true
//tsconfig.node.json
{
"compilerOptions": {
"composite": true,
"module": "esnext",
"moduleResolution": "node",
"allowSyntheticDefaultImports": true
},
"include": ["vite.config.ts"]
}方式二：
使用解构
import { resolve } from 'path';vite.config.ts 引入 `path` 模块注意点！
在 vite 初始化项目搭建选择了 TypeScript， 那么避免不了有些 ts 类型检查提示错误，这里说说 import path from 'path'提示 找不到模块“path”或其相应的类型声明。 怎么解决。
解决方式
1、安装 @types/node
pnpm i @types/node -D
2、在 tsconfig.node.json配置
"compilerOptions": {
?? ?...
? ? "allowSyntheticDefaultImports": true
? },总结
以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
这篇文章主要为大家介绍了Vue uni-app以H5模式引入Jquery配置教程详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2022-09-09
ref在我们开发项目当中很重要的,在 Vue 中使用 ref 可以提高代码的可读性和维护性,因为它直接标识出了组件中需要操作的具体元素或组件实例,本文我将给大家带来的是vue3中用ref获取dom的操作,文中有相关的代码示例供大家参考,需要的朋友可以参考下2024-06-06
这篇文章主要介绍了Vue3中关于setup与自定义指令，本文给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下2023-04-04
这篇文章主要介绍了VUE中的打包删除文件、图片的HASH码，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-09-09
这篇文章主要介绍了vue路由守卫+登录态管理,结合实例形式分析了vue路由守卫与登录态管理相关操作步骤与实现技巧,需要的朋友可以参考下2019-05-05
Vuex是一个专为Vue.js应用程序开发的状态管理模式,它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化,这篇文章主要给大家介绍了关于vue3中vuex与pinia踩坑的相关资料,需要的朋友可以参考下2021-12-12
需要实现一个轮播图,轮播内容是不同的网站,并实现鼠标滑动时停止轮播,当鼠标10秒内不动时继续轮播,所以本文给大家介绍了用vue+ElementUi+iframe实现轮播不同的网站,需要的朋友可以参考下2024-02-02
Nuxt3 使用 Vue.js 作为视图引擎，Nuxt3 中提供了所有 Vue 3 功能，所以我们创建的Nuxt项目其实也是vue3项目，这篇文章主要介绍了Nuxt3重点特性使用举例记录,需要的朋友可以参考下2022-12-12
这篇文章主要介绍了vue如何使用formData传递文件类型的数据问题，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2023-05-05
这篇文章主要为大家详细介绍了vue双向绑定的简单实现，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-12-12
最新评论