火锅加可乐de前端之路-优快云博客

原创 react native 真机打开usb模式（华为手机）

5.‌打开“USB调试”选项‌：在“开发者选项”中，滑动屏幕找到“USB调试”选项，点击右侧的开关按钮，将其从灰色变为蓝色，表示已成功开启USB调试功能。3.连续点击版本号数次以启用开发者选项‌：在此页面中，连续点击“版本号”数次（一般为7次），直到系统提示“已进入开发者模式”。4.‌返回“设置”页面，找到“开发者选项”‌：此时，返回“设置”页面，你会看到新增的“开发者选项”。2.进入“关于手机”或“关于设备”选项‌：在设置菜单中，找到并点击“关于手机”或“关于设备”选项。

2025-01-16 18:30:41 167

原创 react Native 环境搭建遇到的问题1. reason: certificate has expired 2.npm ERR! cb.apply is not a function

安装成功，更新版本成功，在执行 npx @react-native-community/cli init AwesomeProject成功啦！在进行安装，如下报错,是因为我的。

2025-01-16 17:47:14 169

原创 jssip取消注册报错问题‘get‘ on proxy: property ‘uri‘ is a read-only and non-configurable data property ...

以上只是个人的解决方案，如有不对的地方欢迎指正！这种方式一直有下列报错。

2024-12-24 18:27:25 245

原创关于获取本地IP地址之.local转为ip地址

iceServers: [{urls: ["stun:stun.l.google.com:19302"]}],//这是谷歌的，可以用自己公司的。mDNS: true // 启用mDNS支持。通过这种设置stun服务器的方式，就解决啦！完整代码在上一篇文章中改一下这里就可以啦~

2024-12-16 15:33:44 207 1

原创 vue3获取本机IP(不使用window.location)

要实现一个登录界面获取本地IP的功能，查资料发现在Vue3中，可以通过组件的setup函数中使用window.location来获取IP,但是获取本机Ip不能够访问直接通过js在前端层面完成，出于安全原因，浏览器不允许直接访问本机IP.如果是在用户的本地网络上运行（如:通过localhost或特定的内网地址访问），所以使用WebRTC技术来获取本地IP地址。console.log('获取',localIP.value)console.error('暂不支持获取本地IP,请输入本地IP');

2024-12-13 10:03:17 959

原创 leaflet 地图上总是会显示默认图标，但看代码逻辑却没有相关图标添加

通过找到默认marker图标，然后用js处理将图标隐藏了，如果项目中不使用默认图标的话这种方式可以。因我们项目都自定义图标，所以此处就做了处理。以防下述解决方式中point类型的内容处理不干净，所以使用此方式进行了过滤。主要原因是由于地图添加的geojson文件中，存在了type:point的坐标点相关内容，处理地图时候将该坐标点去掉就不会显示默认的图标啦！（marker-icon.png）如有不足之处，欢迎指正！

2024-12-12 18:38:22 145

原创 React+antd+table展开折叠按钮样式自定义；特定情况不显示展开折叠按钮

React+antd+table展开折叠按钮样式自定义；特定情况不显示展开折叠按钮

2024-12-10 15:51:37 1034

原创 webrtc学习-架构、流程图、MediaStream、MediaStreamTrack等API

webrtc建立一个浏览器间的实时通信控平台。

2024-11-27 15:02:06 1358

原创 vform3二次开发源码正确导入vue3项目，可以随意修改右侧自定义属性等一系列内容

1.package.json 里面将源码中提供的一些包在vue3中没有的，贴过去，然后将node_modules文件夹先删除，执行npm cache clean --force，然后执行完，在执行npm install ,这样就可以将包全部安装进去啦。2.将vform3二次开发的文件夹都复制到你的vue3项目中，下面目录中绿色部分就是从源码中拷贝过来的。3.在你的vite.config.js中配置下面这句话，源码中提供，贴过来!如果哪里有写的不对的地方，欢迎批评指正，互相学习^_^

2024-09-26 16:46:26 767

原创 electron 添加preload后报错UnhandledPromiseRejectionWarning: ReferenceError: __dirname is not defined

在preload文件夹下的index.js中为了测试写了‘console.log('打印');’正确引入后的结果如下。这样就解决了报错问题啦！

2024-09-14 10:05:48 520

原创 electron 安装electron-win-state，解决import引入报错 :WinState is not a constructor

npm i electron-win-state -D 安装electron-win-state。

2024-09-13 18:12:28 334

原创 electron 控制台去掉告警的内容Electron Security Warning (Insecure Content-Security-Policy)

在index.html中配置csp。

2024-09-13 17:02:45 239

原创 vue3+electron项目环境搭建

运行npm start,看到黄色部分提示不要慌，这是nodemod提示信息，输入rs回车即可重启。这里是因为我写错了地址localhost:5173这是vue的路径，页面才显示空白。pnpm i electron -D 安装electron。npm i nodemon -D 安装（运行脚本）这样一个electron+vue3的项目就启动起来啦。main.js初始化创建electron。配置运行脚本在package.json。添加入口main:main.js。根目录创建main.js文件。

2024-09-13 16:19:22 428

原创 Electron探索之旅

Electron基于Chromium和Node.js,可以使用HTMl,Css和JavaScript构建应用。通过前端的技术开发桌面应用（Desktop Apps Using HTML,JavaScript and Css）Electron兼容Mac、Windows和Linux，可以构建出三个平台的应用程序。Electron是由GitHub及众多恭喜拿着组成的活跃社区共同维护的开源项目。npm i electron -D 安装electron。npm init -y 创建pakage.json包。

2024-09-12 18:28:01 261

原创 vue3路由配置了，但是页面依旧空白

之前因为控制台报错，修改了main.js中的路由引入路径为。package.json的安装版本是4.1.6。

2023-04-24 11:43:12 1589

原创 Uncaught SyntaxError: The requested module ‘/node_modules/.vite/deps/vue-router.js?v=6552c805‘

原写法：import router from 'vue-router'查找原因后发现是引入方式不对，

2023-04-17 10:53:59 2610 3

原创 Error: The following dependencies are imported but could not be resolved:

Error: The following dependencies are imported but could not be resolved:

2023-04-17 10:04:28 12478 1

原创【element-plus】vue3安装element-plus

import { ElementPlusResolver } from 'unplugin-vue-components/resolvers'//解析器。安装：pnpm install -D unplugin-vue-components unplugin-auto-import。配置完成后，测试是否设置成功，到官网复制一段代码到编辑器，打开后效果正常，即可。open: true, //项目启动后自动访问项目。//当前项目不需要全局引入，用到什么组件自动解析。//此处server可以根据自己需求设置。

2023-04-13 11:53:17 3755 1

原创【vite】使用vite进行vue3项目构建

pnpm相比npm更快而且更稳定，npm在下载一些包的时候容易因为网络错误而失败。所有使用npm安装包的命令都可以替换成pnpm,同时pnpm run dev 等价npm run dev。进入项目文件夹后，执行pnpm install，进行node_modules依赖包安装。首先安装npm，yarn或pnpm任选其一即可，我选择的是pnpm。输入 cd lampmanage-ui-yh。选择类型js 还是ts, 我选择的是 js。按鼠标上下键选择框架，我选择的是vue。使用pnpm安装vite。

2023-04-13 11:03:10 640 1

原创【nvm】使用nvm切换不同版本的node

若使用【nvm use 版本号】(例如：nvm use 15.2.1) 来切换版本时候，出现下面乱码，不要慌，使用。nvm install 版本号当前安装的是32位或64位的版本卸载node版本。nvm use 版本号当前安装的是32位或64位的版本使用指定版本的node。nvm install 版本号当前安装的是32位或64位的版本。例如：nvm install 15.2.1 64。nvm version 查看当前nvm版本。

2023-04-12 14:49:24 996 1

weixin_43287787的博客