关于vue3:vue3项目中配置viteconfigts时使用path模块报错

最新推荐文章于 2024-03-27 11:34:18 发布
最新推荐文章于 2024-03-27 11:34:18 发布
阅读量1.8k 收藏 1
点赞数
分类专栏： vue基础知识总结 文章标签： javascript 前端 vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44692055/article/details/126380691
版权

关于vue3:vue3项目中配置viteconfigts时使用path模块报错

通过$ npm create vite@latest创立vite我的项目的时候，在vite.confog.ts文件中增加alias别名时，想要引入node的path模块，会报错

起因：path模块是node.js内置的性能，然而node.js自身并不反对ts
解决方案：装置@types/node

汪小敏同学
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
《web开发： （Node.js）path 路径模块》
yexiangCSDN的专栏
01-21 590
一、Node.js path 路径模块 1 什么是 path 路径模块 path 模块是 Node.js 官方提供的、用来处理路径的模块。它提供了一系列的方法和属性，用来满足用户对路径的处理需求 path.join() 方法，用来将多个路径片段拼接成一个完整的路径字符串 path.basename() 方法，用来从路径字符串中，将文件名解析出来 如果要在 JavaScript 代码中，使用 path 模块来处理路径，则需要使用如下的方式先导入它： 2 路径拼接 1. path.join()
vue3设置路由path:‘*‘报错解决方法
做最有意义的事情，成就最有价值的梦想，展现最真实的自己 . 超越自己，改变世界 .
08-21 1万+
一般我们再设置404页面路由的时候是这样的: { path: "/404", name: "notFound", component: notFound }, { path: "*", // 此处需特别注意置于最底部 redirect: "/404" } 但是如果你使用的是vue3的话,你会遇到这样的一个报错: Catch all routes ("*") must now be defined using a param with a custom regexp. 这个报错翻译过来就是捕获所有路
vite创建vue项目设置路径别名
weixin_48638721的博客
03-27 166
找不到模块“path”或其相应的类型声明”，安装node的类型包即可。需要在tsconfig.json中配置路径映射，
vue-cli扩展多模块打包的示例代码
01-21
场景 在实际的项目开发中会出现这样的场景，项目中需要多个模块（单页或者多页应用）配合使用的情况，而vue-cli默认只提供了单入口打包，所以就想到对vue-cli进行扩展 实现 首先得知道webpack是提供了多入口打包，那就可以从这里开始改造 新建build/entry.js const path = require('path') const fs = require('fs') const moduleDir = path.resolve(__dirname, '../src/modules') let entryObj = {} let moduleItems = fs.readdi
vue3+Ts 找不到模块“path”或其相应的类型声明 @fs/src/style.css net::ERR_ABORTED 404 (Not Found)
lqins的博客
08-23 4149
vue3+Ts 找不到模块“path”或其相应的类型声明 @fs/src/style.css net::ERR_ABORTED 404 (Not Found)
vue3路径配置
2302_79777012的博客
01-01 549
我们在vite.config.ts里面配置一下代码。然后去tsconfig.json里面配一下代码。
vue3使用路由
weixin_69318049的博客
11-25 866
vue3的路由基本使用
vue3中vite的@路径别名与path中的resolve
Sakura1998gis的博客
10-12 7999
vite配置@路径别名 node.js中path的resolve方法解析
Vue3开发 Vue cli3的使用
m0_51179717的博客
12-22 865
Vue项目开发脚手架 Vue Cli3的应用
vue-calc:使用Vue 3进行日常使用的简单实用数字项目
03-10
vue-calc:使用Vue 3进行日常使用的简单实用数字项目
vue踩坑记-在项目中安装依赖模块npm install报错
10-17
主要介绍了vue踩坑记-在项目中安装依赖模块npm install报错，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
vue3.x中使用cesium，vue3.x+Cesium
05-04
在vue3.x版本中使用cesium，基于vue-cli创建项目，手动配置webpack，资源已配置好，下载完 进入项目下npm install 安装依赖后就可以运行了
vite+vue3使用模块化批量发布Mockjs接口
最新发布
03-29
vite+vue3使用模块化批量发布Mockjs接口
Vite学习 --- 03
cp3_hxl的博客
05-06 246
补充一个小知识点: 为什么vte.config.js可以写成esmodule的形式，这是因为vite在他读取这个vite.config.js的时候会率先用node去解析文件语法，如果发现你是esmodule规范会直接将你的esmodule规范进行替换变成commonjs规范.vite做了一个拦截,他为了防止我们将隐私性的变量直接送进import.meta.env中，所以他做了一层拦截，如果你的环境变量不是以VITE开头，他就不会注入到客户端中去，如果我们想要更改这个前缀，可以使用envPrefix配置.
Vue3项目搭建及使用——（1）下载vue-cli脚手架，创建新项目
cqhzq2014的专栏
05-05 1116
1、下载安装nodejs 首先，下载并安装nodejs，nodejs官网下载（不要钱）：https://nodejs.org/en/download/。选择对应os版本和位数，下载安装即可。 安装时，如果嫌手动配置环境变量麻烦，可以选择Add to PATH选项，安装后自动加入系统环境变量。 如图，我是装在C:\develop\nodejs下的： 安装成功后运行CMD，node -...
Vue3安装配置、开发环境搭建(组件安装卸载)（图文详细）
热门推荐
逆境清醒的博客
03-19 4万+
Vue3安装配置、开发环境搭建（图文详细），一、vue的主要安装方式，二、node.js安装和配置，三、npm 安装vue 和脚手架、webpack模板，四、打开Vue 项目管理器，五、创建运行 vue 3 项目，六、使用TypeScript进行开发 Vue3 的代码，七、vue及组件的卸载，八、vue项目结构，九、Vue 安装过程中遇到的问题记录
cacert.pem
weixin_33845881的博客
11-21 4万+
## ## Bundle of CA Root Certificates ## ## Certificate data from Mozilla as of: Wed Sep 14 03:12:05 2016 ## ## This is a bundle of X.509 certificates of public Certificate Authorities ## (CA)....
vue3项目中控制台报错：Uncaught TypeError: Cannot read properties of undefined (reading
12-16
这个错误通常是由于vue-router版本不兼容导致的。解决方法是卸载之前的vue-router并重新安装。具体步骤如下： 1. 打开终端并进入你的vue项目目录。 2. 运行以下命令卸载之前的vue-router： ```shell npm uninstall vue-router ``` 3. 运行以下命令安装最新版本的vue-router： ```shell npm install vue-router@latest ``` 4. 重新启动你的vue项目并检查控制台是否还会报错。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值