vue2在window环境下源代码调试报错

最新推荐文章于 2023-12-17 18:12:23 发布
原创 最新推荐文章于 2023-12-17 18:12:23 发布 · 803 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#vue #rollup-plugin-alias #js #vue源码 #源码

本文解决了一个特定于Windows 7系统的Vue2源代码调试问题，该问题源于rollup-plugin-alias.js在Win7下无法正确解析路径。通过修改rollup-plugin-alias.js的源码，解决了配置文件夹路径前的反斜杠问题。

vue2在window环境下源代码调试报错

  • 报错信息
我个人的电脑是win10系统没有出现该问题，在公司win7系统下，执行npm run dev 出现了下面的报错

Error: Could not load d:\个人\vue\src\core/config
  • 错误原因
    • 由于vue使用的是rollup进行打包，rollup-plugin-alias.js在win7下路径无法正确解析，出现上面config文件夹之前的反斜杠
  • 解决方法
// 修改node_module -> rollup-plugin-alias -> dist -> rollup-plugin-alias.js的源码
// 搜索对应变量声明将其替换为以下代码

const isFilePath = id => /(^\.?\/)|(^[a-zA-Z]\:(\\|\/))/.test(id);
const directory = path.dirname(importerId);
const filePath = path.resolve(directory, updatedId);
Vue2 - 详解实现网站接入微信扫码登录功能，微信授权生成登录二维码用户用手机扫描二维码登陆，微信扫描二维码登录详细流程及示例代码，支持弹框式、浏览器单独新开页显示，最新vue集成微信扫码授权登录！
🏆 前端领域优质创作者
06-25 4858
vue2，nuxt2，PC网站，网页，微信扫码登录，微信登陆，vue2微信扫码登录，获取个人信息，扫码登录后如何获取用户手机号，微信扫码授权登录，vue2详细实现微信扫一扫登陆，pc网页微信登录，vue集成微信扫码登录，详细流程和示例源码，第三方扫码登录，vue微信扫码登录怎么新开一页，跳页显示二维码，内嵌登录二维码，iframe，iframe新页面弹出，弹出一个小窗口显示登录二维码，登录报错，微信扫码没反应，解决手机点登录报错没反应，官方文档，手机扫描微信二维码登录网站，最好用的插件，vue-wxlogi
Vue.js前端开发中的错误捕获与处理机制
最新发布
小白菜的博客
05-21 1054
本文旨在全面解析Vue.js框架中的错误处理机制，帮助开发者理解Vue应用中的各类错误场景及其解决方案。内容涵盖从开发到生产环境的全生命周期错误管理策略。文章将从基础概念入手，逐步深入到高级错误处理模式，最后介绍生产环境中的实战方案和工具链。错误边界(Error Boundary)：能够捕获子组件树中JavaScript错误的Vue组件全局错误处理器(Global Error Handler)：Vue应用级别的错误捕获机制异步错误(Async Error)
vue源码运行错误
weixin_41835485的博客
11-02 215
在node_moudle中找到这个文件： 添加以下语句： if(!/js$/.test(updatedId)) { console.log(updatedId + '---->' + updatedId + '.js'); updatedId += '.js' }
解决Vue源码运行错误
weixin_43405946的博客
12-03 520
在node_modules>rollup-plugin-alias>dist>rollup-plugin-alias.js加上下面的代码就好了
vue 使用window的对象_nuxtjs在vue组件中使用window对象编译报错的解决方法
weixin_39867893的博客
12-19 1148
我们知道nuxtjs是做服务端渲染的，他有很多声明周期是运行在服务端的，以及正常的vue声明周期mounted之前均是在服务端运行的，那么服务端是没有比如window对象的location、navagitor等，以及H5的FormData()方法，所以当你在created之前使用这些时，会报错，那么如何处理呢？1、自己的写的函数里包含window等因为nuxt为SSR框架，所以其编译打包时会区分服...
vue中使用window对象_nuxt.js在vue组件中使用window对象编译报错的解决方法
weixin_39980082的博客
12-21 1329
NUXT官方常见问题：Window 或 Document 对象未定义？https://zh.nuxtjs.org/faq/window-document-undefined/#window-或-document-对象未定义-???????这是因为一些只兼容客户端的脚本被打包进了服务端的执行脚本中去。 对于只适合在客户端运行的脚本，需要通过使用process.client变量来判断导入。举个例子...
Windows下使用Rollup打包Vue源码问题
magic_engineer的博客
10-26 727
Rollup（rollup-plugin-alias）在Windows中解析路径错误导致 修改node_module -> rollup-plugin-alias -> dist -> rollup-plugin-alias.js的源码 搜索对应变量声明将其替换为以下代码 const isFilePath = id => /(^\.?\/)|(^[a-zA-Z]\:(\\|\/))/.test(id); const directory = path.dirname(i.
如何调试VUE代码（VUE调试利器 vue devtools）
daimeijin的博客
08-01 2260
前言 最新想开发一个前后端分离的项目，一直想开始的，拖延了好久终于决定要对它下手了。最早的时候开发的时候使用的还是JSP，那个时候使用的还是EL表达式，后来切换到Spring和SpringMVC之后采用的是HTML+JS的all in one的模式，虽然也可以称为前后端分离，但是还是耦合在一个大工程里面。到最近的项目拆分为前后端完全分离的模式。由于公司组织结构调整，前后台完全分离，所以对前端技术有点生疏了。需要及时补救一下。虽然VUE已经是一个很流行的框架了，但是三天不练手生，所以还是决定自己搞一个项目练练
能否在离线环境下创建vue项目
04-16
根据引用[2]，vue-cli可以通过全局安装，但离线环境下可能需要预先在联网的机器上下载好包，然后复制到离线环境中。 然后，用户可能需要初始化项目，这时候如果没有网络，npm install会失败，所以需要将node_...
FFmpeg——在Vue项目中使用FFmpeg（安装、配置、使用、SharedArrayBuffer、跨域隔离、避坑...）
HuoZhiyan 的博客
12-17 1万+
本文介绍了FFmpeg在Vue项目中从0到1的使用，从安装 => 配置 => 简单使用 => 认识SharedArrayBuffer和跨域隔离 => 避坑...
rollup 压缩插件 rollup-plugin-terser 在 rollup 3.x 不能使用了吗? 跳坑记
Zn 的个人技术分享
10-29 6316
今天使用 rollup 3 配置项目的时候, 发现安装常用的 terser 压缩插件 rollup-plugin-terser 出了问题，上 github 浏览了一圈，发现包名不能用在 3.x 版本了, 有第三方库 rollup-plugin-minification 可以替代。2022.10.28 更新 作者废弃了旧库,并通知大家转移到官方插件库(使用了 @rollup/ 打头)主要的报错信息如下这个意思就是说原 terser 插件最多只能支持到 2.x。那怎么办呢，总不能不压缩打码对吧。
整理 Vue2 项目中各种报错&警告-信息
Mr.小灰狼_随笔
09-06 1万+
Vue 报错&警告-信息 _ 整理版 自己平常 Vue 项目 中出现的一些Bug 和 警告⚠️ , 日常记录一下 : 目录 ( 1 )[Vue warn]: Error in v-on handler (Promise/async): "Error: Request failed with status code 404" ( 2 )[Vue warn]: Error in v-on handler: "TypeError: this.todos.push is not a function
vue源码运行报错[!] (plugin Rollup Core) Error: Could not load 解决办法
会飞的咕咕鱼的博客
12-31 4386
[!] (plugin Rollup Core) Error: Could not load C:\web\vue-2.6.10\vue\src\core\config (imported by C:\web\vue-2.6.10\vue\src\platforms\web\entry-runtime-with-compiler.js): ENOENT: no such file or directory, open 'C:\web\vue-2.6.10\vue\src\core\config'Error:
pageoffice报错: 当前浏览器是42版本以上的谷歌浏览器，建议采用POBrowser技术打开PageOffice即可。
热门推荐
enthan809882的博客
11-09 3万+
是输入网址的问题， 如果是index的话，会出现提示打开 pageofficeprotocol的界面 输入　http://localhost:8080/maven-springmvc/demo/index　，效果如图： 输入http://localhost:8080/maven-springmvc/demo/word　，效果如图： ...
vue2编译[npm run dev] Error: Could not load xxx/src/core/config
chen__cheng的博客
12-28 1603
1.【出错复现】 执行环境： window10 x64 npm v6.14.8 node 14.15.0 vue 2.6.12 执行【npm run dev】编译vue2的时候，报以下错误： (plugin Rollup Core) Error: Could not load xxxx(个人目录)\src\core\config (imported by xxxx(个人目录)\src\platforms\web\entry-runtime-with-compiler.js): ENOENT: no s
换个电脑运行项目失败原因、解决方法
weixin_44708899的博客
12-18 3797
换个电脑运行项目失败原因、解决方法 'vue-cli-service' 不是内部或外部命令，也不是可运行的程序 或批处理文件。 下载node-module失败 npm ERR! code ERESOLVE npm ERR! ERESOLVE unable to resolve dependency tree --legacy-peer-deps Error: The project seems to require yarn but it's not installed.
Windows7 安装vue3+ 血泪史~
weixin_42486438的博客
03-24 5668
问了N遍度娘之后终于让我安装成功了，Windows7系统，vue版本@vue/cli 5.0.4，node版本v12.20.0，npm版本6.14.8
Win7 搭建NodeJs、Vue2、Vue3，基于 vue-cli 创建建vue工程及相关问题解决思路
zx711166的博客
08-23 2911
由于开头选择的是 Win7 系统下最高版本 13.14.0 的 NodeJs，出现上述 NodeJs 版本与 Vue3 不匹配导致的情况，提示信息里描述将 NodeJs 降到 12.0.0 或者 提升到 14.0.0 及以上版本即可。查看 cnpm 的版本是否 >=8.2.0，高版本的cnpm无法在 13.14.0 的node 版本下使用，使用命令将 cnpm 降低版本即可。Win7 支持的 NodeJs 最高版本为 13.14.0，下载是去历史版本中寻找。配置 nodejs 环境变量。
vue源码调试踩坑记录
早起早睡的少年郎
12-09 7664
vue源码调试踩坑记录
评论 2
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值