macbook m1 pro 使用 Vue Devtools 遇到的问题

已于 2023-02-05 22:18:22 修改
阅读量920 收藏 1
点赞数
文章标签： vue.js 前端 javascript
于 2023-02-05 22:17:48 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_16257945/article/details/128894369
版权

macbook m1 pro 使用 Vue Devtools 遇到的问题

问题1 The editor process exited with an error: (code 255).

'/Applications/WebStorm.app/Contents/jbr/Contents/MacOS/libjli.dylib' (mach-o file, but is an incompatible architecture (have 'arm64', need 'x86_64')), '/usr/lib/libjli.dylib' (no such file), NSBundlePath=/Applications/WebStorm.app/Contents/jbr, NSLocalizedDescription=The bundle “OpenJDK 11.0.13” couldn’t be loaded because it doesn’t contain a version for the current architecture.}

Could not open VFilter.vue in the editor.
The editor process exited with an error: (code 255).

To specify an editor, specify the EDITOR env variable or add "editor" field to your Vue project config.

报错的关键信息是 (have ‘arm64’, need ‘x86_64’) ，需要安装arm版本的node，将node切换到v16.19.0就可以正常运行了

问题2

macbook m1 pro 同时安装了idea和webstorm, 分别运行后端和前端项目，使用Vue Devtools跳转到源码页面，插件默认使用idea打开前端源码，应该用webstorm打开。
解决方式：在.env.development文件中指定用webStrom打开LAUNCH_EDITOR='/Applications/WebStorm.app/Contents/MacOS/webstorm'

纸上得来终觉浅-
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
据说 99% 的人不知道 vue-devtools 还能直接打开对应组件文件？本文原理揭秘
u012384510的博客
05-12 1418
1. 前言你好，我是若川[1]，微信搜索「若川视野」关注我，专注前端技术分享，一个愿景是帮助5年内前端开阔视野走向前列的公众号。欢迎加我微信ruochuan12，长期交流学习。这是学习源码...
index.vue
07-21
index.vue
Mac安装Vue调试工具vue-devtools
lglsfs_gd的博客
04-14 2896
Mac安装Vue调试工具vue-devtools 文章目录Mac安装Vue调试工具vue-devtools通过github下载安装1.github下载2.安装插件3.vue-devtools使用收藏猫插件安装1.下载插件2.安装插件 本文主要介绍在无法翻墙的情况下安装Chrome插件vue-devtools的方法。如果你比较懒，请直接通过目录跳转到收藏猫插件安装。 背景：Mac、Chrome、vue-devtools、github 通过github下载安装 1.github下载 从github下载 gi
idea编辑前端代码使用vue-devtools跳转对应组件功能时报错解决
m0_53370922的博客
08-16 932
idea编辑前端代码使用vue-devtools跳转对应组件功能时报错解决
vue-WebStorm运行
海角12138的博客
01-10 228
1--
vue-cli-service serve --open启动项目时打开浏览器失效无法打开浏览器解决方法
山前山后各有哀愁 有风无风都不自由
03-24 2491
vue-cli 运行vue项目，设置 vue-cli-service serve --open 自动打开浏览器失效，npm run serve无法启动浏览器
Electron+Vue构建项目时出错：Error: Exit code: ENOENT. spawn /usr/bin/python ENOENT
测试开发探秘
03-28 590
Electron+Vue构建项目时出错：Error: Exit code: ENOENT. spawn /usr/bin/python ENOENT。
vueDevTools
07-04
VueDevTools 是一款非常强大的前端开发工具，专为Vue.js和基于Vue的框架如UniApp设计，用于提升开发过程中的调试效率。...熟练掌握VueDevTools的使用，将使你在开发过程中游刃有余，快速解决各种问题。
vue-devtools
03-27
使用Vue Devtools时，开发者可以实时观察到数据变化如何影响组件视图，从而快速定位并修复问题。此外，Vue Devtools还支持热重载，当源代码发生变化时，应用会自动刷新，无需手动刷新页面，大大提高了开发效率。 ...
vuedevtools.6.5.0
07-27
使用Vue DevTools能够显著提高Vue.js开发效率，让开发者能够更轻松地理解、调试和优化Vue应用。对于开发者来说，掌握Vue DevTools的使用是提升工作效率的关键一步。随着Vue.js生态的不断发展，Vue DevTools也在持续...
Vue Devtools谷歌浏览器插件下载
07-06
Vue Devtools是一款强大的开发者工具，专为Vue....无论你是初学者还是经验丰富的开发者，掌握Vue Devtools的使用都能使你在开发过程中游刃有余。确保始终更新到最新版本，以便获得最佳的开发体验和支持最新的Vue特性。
vue devtools6.4.5版本
12-20
总的来说，Vue Devtools 6.4.5版本是一个旨在提供更稳定、高效且易于使用的开发环境的工具，对于Vue.js开发者来说是必不可少的辅助工具。通过下载并安装"vue devtools-6.4.5.crx"文件，你可以将这个工具添加到你的...
用VScode运行vue框架时，报无法运行的错误
iwanttostudyc的博客
07-12 1006
（尤其是你从网上拷贝比较旧的项目的时候，可能需要对依赖的包或者环境实施降低版本的操作，来实现项目和依赖版本兼容）
vue项目启动报错 Error: spawn cmd ENOENT
m0_61122595的博客
09-16 6552
【代码】vue项目启动报错 Error: spawn cmd ENOENT
一次解决Intellij IDEA can‘t load jvm DLL错误的过程
w8y56f的专栏
07-15 621
问题，于是下载了Redhat OpenJDK8 的zip包，解压，并设置JAVA_HOME环境变量，并将%JAVA_HOME%\bin添加到PATH环境变量中。在cmd和Git Bash中检查环境变量都设置正确，可是一启动Intellij，还是一样的错误。然后安装Redhat OpenJDK8的exe包，重复上面步骤，一样的错误。然后安装Oracle JDK8的exe包，重复上面步骤，一样的错误。
Error: spawn xxxx ENOENT原因与解决
热门推荐
weixin_42617800的博客
01-31 1万+
背景： 前端live-server后，运行项目时出现了Error: spawn cmd ENOENT 原因： path环境变量配置不当，导致无法找到指定的程序，出现该问题的原因是因为没有将%SystemRoot%\system32加入path变量中 解决：将  %SystemRoot%\system32  加入到path变量中，问题解决，若没有，可能要重启一下电脑...
mac安装vue-devtools
小天空的博客
09-20 4203
一.先查看电脑是否安装了node没有安装node则需要安装nodemac 安装node.js第一步：官网下载访问nodejs官网，链接: https://nodejs.org/en/，选择红色选框内的点击安装。LTS是稳定版。Current是最新版本，最新的功能特性都在这里面。第二步：安装点击 在 Finder 中显示，双击刚下载的文件，按步骤默认安装就行。第三步：验证安装完成后，打开终端，输入 npm -v 和 node -v两个命令,
mac 安装Vue调试工具vue-devtools
weixin_47188500的博客
03-08 1062
mac安装Vue调试工具vue-devtools
上传文件传参 pc端vue的formData
最新发布
qq_42440919的博客
07-25 411
if(ref.toString().indexOf('qrcode') >= 0) formData.append('noStbg', true)//添加参数。//添加参数并且重新命名文件名称。
html引入vue怎么使用vuedevtools
04-29
在使用Vue开发网页时，我们经常需要使用vuedevtools这个工具进行调试和优化。因此，在引入Vue到HTML中时，我们需要注意以下几点： 1. 首先，在HTML文件头部需要引入Vue和vuedevtools的JS文件，例如： ```html <head> <script src="https://cdn.jsdelivr.net/npm/vue"></script> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> <script src="https://cdn.jsdelivr.net/npm/vuedevtools"></script> </head> ``` 2. 然后，在Vue的初始化代码之前，需要添加以下代码来启用vuedevtools： ```html <script> Vue.config.devtools = true; </script> ``` 3. 最后，可以在浏览器中打开开发者工具，在Vue选项卡下查看vuedevtools的调试功能。 请注意：使用vuedevtools有时需要在Vue实例中添加一些配置选项，例如开启devtools时需要将`Vue.config.devtools`设置为true。另外，要确保vuedevtools的版本与Vue版本兼容，否则可能会出现一些问题。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值