【报错】:Module path has been externalized for browser...

简介: 【报错】:Module path has been externalized for browser...

@[toc]

Vite2+Vue3下引入path模块报错:Module "path" has been externalized for brower compatibility and cannot be accesed in client code

报错

在这里插入图片描述
原因是 vite 源码中设定了不允许在客户端代码中访问内置模块代码。

解决方法

1,安装npm install path-browserify

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

3,不再使用import path from 'path',改为import path from 'path-browserify'

相关文章
|
8月前
|
前端开发
Promise.all()方法的作用是什么?
Promise.all()方法的作用是什么?
619 121
|
缓存 资源调度 前端开发
微前端-qiankun:vue3-vite 接入 vue3、nuxt3、vue2、nuxt2等子应用
微前端-qiankun:vue3-vite 接入 vue3、nuxt3、vue2、nuxt2等子应用
2704 0
|
JSON 前端开发 JavaScript
vite中静态资源(css、img、svg等)的加载机制及其相关配置
【8月更文挑战第3天】vite中静态资源(css、img、svg等)的加载机制及其相关配置
1882 1
|
JavaScript 前端开发
vue全局公共组件自动引入并注册,开发效率直接起飞!
【10月更文挑战第14天】vue全局公共组件自动引入并注册,开发效率直接起飞!
546 1
|
JavaScript
Vue3搜索框(InputSearch)
这篇文章介绍了如何在Vue 3中创建一个具有搜索、清除、加载状态等多功能的搜索框组件(InputSearch),并提供了组件的配置选项、事件处理和使用示例。
1542 6
Vue3搜索框(InputSearch)
|
JSON 前端开发 JavaScript
使用vite搭建一个React项目!真香!
【8月更文挑战第13天】使用vite搭建一个React项目!真香!
2505 3
使用vite搭建一个React项目!真香!
|
JavaScript 测试技术 API
如何从 Vue 2 无痛升级到 Vue 3,一文搞定!
如何从 Vue 2 无痛升级到 Vue 3,一文搞定!
13040 8
|
JavaScript
基于Vue3实现简约型侧边栏
本文介绍了如何在Vue3项目中实现一个简约型侧边栏导航,包括配置路由、页面布局和导航交互,以及如何通过Vue Router和条件渲染实现动态内容展示。
1725 1
element-plus table表格cell-style的使用
element-plus table表格cell-style的使用
1081 1
|
应用服务中间件 nginx
项目node_modules开发环境变大问题处理
项目node_modules开发环境变大问题处理
533 0