vue3+vite项目中引入path模块报错

news2024/11/14 19:31:56

报错描述:Module "path" vite-browser-exter...h?t=1700468860286:3 has been externalized for browser compatibility. Cannot access "path.resolve" in client code.

问题原因:vite 源码中设定了不允许在客户端代码中访问内置模块代码。

解决方法

1,安装path-browserify

npm install path-browserify


2,使用 path-browserify 代替 path 模块

// import path from 'path'   
修改为:
import path from "path-browserify";

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/2084939.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

STL中queue、stack的实现与容器适配器的讲解

目录 简介 栈(Stack) 队列(Queue) 实现 栈的实现 队列的实现 deque的讲解 deque的结构示意图 简介 栈(Stack)和队列(Queue)是两种基本的数据结构,在STL&#xff0…

【面积图表美化示例+讲解】

文章目录 效果预览:半透面积图:百分比堆积图: 效果预览: 半透面积图: 思路: 实际上是由两种类型的图表叠在一起,【面积图折线图】 处理: [1] 为了让面积图的边缘更加清晰&#xff…

ts发送邮箱,以网易邮箱来演示

①引入依赖: npm i nestjs-modules/mailer nodemailer 这里是引入相应的需要的依赖。 创建模块,以及服务 nest generate module sendEmail nest generate service sendEmail ②在app.module中注册,之后在其它的模块就可以使用 import { M…

员工飞单、走私单、离职带走客户,屡禁不止怎么办?1招防止!

企业面临着诸多挑战,其中员工行为不端,如飞单、走私单以及离职时带走客户等问题,不仅损害了企业的经济利益,更侵蚀了企业的市场竞争力与客户信任度。 这些问题如同一颗颗毒瘤,若不及时清除,将严重阻碍企业…

简而不减,极致便捷!泰极预付费解决方案震撼上市

开户麻烦!绑表复杂!用电情况模糊!电费收缴难! 在日常生活中,能源缴费可能经常会遇到运维难管理、缴费收益难计算、支付安全难保障等问题。如何解决呢?正泰物联推出“泰极预付费解决方案”,“简”操作,“不减”功能,有效解决上述问题,助力实现便捷生活。 享轻松:泰极简而不减…

three.js 编辑器,动画,着色器, cesium 热力图,聚合点位,大量点线面, 图层,主题,文字

对于大多数的开发者来言,看了很多文档可能遇见不到什么有用的,就算有用从文档上看,把代码复制到自己的本地大多数也是不能用的,非常浪费时间和学习成本, 尤其是three.js , cesium.js 这种难度较高&#xff…

【计算机组成原理】五、中央处理器:3.指令流水线(互斥、同步)

5.指令流水线 文章目录 5.指令流水线5.1基本概念5.2性能指标5.3指令流水线影响因素5.3.1结构相关(**资源冲突**):**互斥**5.3.2数据相关(**数据冲突**):**同步**5.3.3控制相关(**控制冲突**) 5.…

电脑网络设置

有时候开机会发现电脑明明练了Wifi却无法上网,是因为之前梯子没关直接关机,解决方案是 打开设置网络和Internet代理手动设置代理关闭“使用代理服务器”

黑马JavaWeb开发笔记10(前端完结)——Vue路由介绍入门、前端工程打包、nginx前端部署

文章目录 前言一、Vue路由1. 介绍2. 路由入门 二、打包部署1. 前端工程打包2. 部署前端工程2.1 nginx介绍2.2 部署 总结 前言 本篇文章是2023年最新黑马JavaWeb开发笔记10:Vue路由介绍&入门、前端工程打包、nginx前端部署的总结,帮助需要学习Web开发…

6款文件恢复软件推荐,电脑小白也能够一人做到电脑数据恢复!

在一台小小的电脑里,有着我们学习资料的整理、工作文件的痕迹和生活点滴的回忆,正因为这些数据对我们来说是十分珍重的东西,所以会难以承受它们丢失不见的结果。 一旦造成数据丢失,我们该怎么做才能把这些重要的数据文件找回呢&a…

科研绘图之折线图

在科研数据分析中,折线图是一种常见且有效的可视化工具,用于展示数据随时间或其他连续变量的变化趋势。Python,作为一种强大的编程语言,提供了多种绘制折线图的工具和库,其中最常用的包括 Matplotlib 和 Seaborn。 Ma…

vscode解决运行程序无法从控制台输入问题

在vscode中运行一些简单的程序代码,需要从控制台接受输入参数,发现不能通过键盘输入。 本章教程,提供该问题的解决方法。 解决办法 由于我是使用的Code Runner这个插件,Code Runner插件支持运行多种编程语言,很方便。打…

如何构建基于Java SpringBoot和Vue的受灾救援物资管理系统?——四步实现物资高效调配,提升救援响应速度

🍊作者:计算机毕设匠心工作室 🍊简介:毕业后就一直专业从事计算机软件程序开发,至今也有8年工作经验。擅长Java、Python、微信小程序、安卓、大数据、PHP、.NET|C#、Golang等。 擅长:按照需求定制化开发项目…

国外服务器独立ip的好处

国外服务器提供独立IP服务,这为网站运营者、企业用户以及个体户提供了诸多便利。独立IP即一个独一无二的IP地址,专为一个网站或一项服务,相较于共享IP,独立IP拥有许多不可替代的优势。下面将介绍国外服务器提供独立IP服务的好处&a…

C#生成exe并用process运行

文章目录 前言一、生成exe1.发布自包含版本2.一些问题1. 使用 .NET Framework修改项目文件 二、使用Process调用exe子进程阻塞了父进程:资源锁定:无限循环:命令行挂起:1.解决方法示例代码 说明1.启动 EXE 文件:2.启动 …

开源项目管理工具Taiga

什么是 Taiga ? Taiga 是一个免费开源,而且功能非常强大的项目管理平台,用于初创企业和敏捷开发团队。Taiga 专注于简洁性,并且界面很干净简单。Taiga 也非常个性化,并集合了很多其它功能和外部工具,还有大…

如何恢复最近删除的文件?5种简单方法!

数据丢失在我们的工作生活中经常发生。当你决定清理硬盘或U盘时,你会删除一些文件夹或文件。如果你通过右键单击删除文件,则可以很容易从回收站恢复已删除的文件。但是,如果你按Shift Delete键、清空回收站或删除大于8998MB的大文件夹&#…

智能优化特征选择|基于鲸鱼WOA优化算法实现的特征选择研究Matlab程序(XGBoost分类器)

智能优化特征选择|基于鲸鱼WOA优化算法实现的特征选择研究Matlab程序(XGBoost分类器) 文章目录 一、基本原理鲸鱼智能优化特征选择流程 二、实验结果三、核心代码四、代码获取五、总结 智能优化特征选择|基于鲸鱼WOA优化算法实现的特征选择研究Matlab程序…

丹娜生物增利不增收:核心产品原材料面临不利因素,销售费用率攀升

《港湾商业观察》黄懿 7月15日,丹娜(天津)生物科技股份有限公司(下称“丹娜生物”)针对北交所出具的IPO问询文件进行了首轮回复,其保荐人为招商证券。7月26日,监管部门发出第二封问询函。 公开…

分布式场景下websocket解决方案

在项目中遇到:多个服务作为websocket服务端时,怎么跟前端设备进行数据通信的问题。具体解决方案,分享一下。 1.遇到问题 项目中使用websocket与前端设备建立长链接,用于推送过车、车位数、支付等相关信息,由于项目是负…