当前位置: 首页 > article >正文

@quick-start/electron安装过程中的问题解决

node 的版本是 18.18.2
使用的安装命令

npm create @quick-start/electron myelectron

package.json 文件

{
  "name": "myelectron",
  "version": "1.0.0",
  "description": "An Electron application with Vue",
  "main": "./out/main/index.js",
  "author": "example.com",
  "homepage": "https://electron-vite.org",
  "scripts": {
    "format": "prettier --write .",
    "lint": "eslint . --ext .js,.jsx,.cjs,.mjs,.ts,.tsx,.cts,.mts --fix",
    "start": "electron-vite preview",
    "dev": "electron-vite dev",
    "build": "electron-vite build",
    "postinstall": "electron-builder install-app-deps",
    "build:unpack": "npm run build && electron-builder --dir",
    "build:win": "npm run build && electron-builder --win",
    "build:mac": "npm run build && electron-builder --mac",
    "build:linux": "npm run build && electron-builder --linux"
  },

  "build": {
    "extraResources": [
      "./assets/**"
    ],
    "productName": "EasyChat",
    "appId": "com.easychat",
    "directories": {
      "output": "installPackages"
    },
    "nsis": {
      "oneClick": false,
      "allowElevation": true,
      "allowToChangeInstallationDirectory": true,
      "installerIcon": "./resources/icon.ico",
      "uninstallerIcon": "./resources/icon.ico",
      "installerHeaderIcon": "./resources/icon.ico",
      "createDesktopShortcut": true,
      "createStartMenuShortcut": true,
      "shortcutName": "EasyChat"
    },
    "mac": {
      "icon": "icons/icon.icns"
    },
    "win": {
      "artifactName": "${productName}Setup.${version}.exe",
      "icon": "resources/icon.ico",
      "target": [
        "nsis"
      ]
    }
  },
  
  "dependencies": {
    "@electron-toolkit/preload": "^2.0.0",
    "@electron-toolkit/utils": "^2.0.0",
    "@imengyu/vue3-context-menu": "^1.3.8",
    "axios": "^1.6.2",
    "dplayer": "^1.27.1",
    "electron-store": "^8.1.0",
    "element-plus": "^2.4.3",
    "express": "^4.18.2",
    "fluent-ffmpeg": "^2.1.2",
    "fs-extra": "^11.2.0",
    "js-md5": "^0.8.3",
    "moment": "^2.30.1",
    "pinia": "^2.1.7",
    "sass": "^1.69.5",
    "sass-loader": "^13.3.2",
    "sqlite3": "5.1.6",
    "v-viewer": "^3.0.11",
    "vue-cookies": "^1.8.3",
    "vue-router": "^4.2.5",
    "ws": "^8.16.0"
  },
  "devDependencies": {
    "@electron-toolkit/eslint-config": "^1.0.1",
    "@rushstack/eslint-patch": "^1.3.3",
    "@vitejs/plugin-vue": "^4.3.1",
    "@vue/eslint-config-prettier": "^8.0.0",
    "asarmor": "^2.0.0",
    "electron": "^25.6.0",
    "electron-builder": "25.1.8",
    "electron-vite": "^1.0.27",
    "eslint": "^8.47.0",
    "eslint-plugin-vue": "^9.17.0",
    "less": "^4.2.0",
    "node-gyp": "^10.0.1",
    "prettier": "^3.0.2",
    "vite": "^4.4.9",
    "vue": "^3.3.4"
  }
}

可以看到 package.json 文件中有 “sqlite3”: “5.1.6”, 的依赖
于是当我们 npm install的时候就会卡在 这个位置不动了
在这里插入图片描述

上面的问题的解决办法如下
首选 下载 visual studio 传送门
下载得到一个在线的安装包
在这里插入图片描述
双击安装
在这里插入图片描述
选择以上的安装, 安装完成之后

我们重新进入 myelectron 项目中, 再次 npm i 就可以了

在这里插入图片描述


http://www.kler.cn/a/400310.html

相关文章:

  • 01_MinIO部署(Windows单节点部署/Docker化部署)
  • Springboot 整合 Java DL4J 打造金融风险评估系统
  • ubuntu显示管理器_显示导航栏
  • 【DQ Robotics】基于SVD的全秩矩阵逆
  • 前端基础(四十一):实时获取麦克风音量
  • 【C语言】科技要闻。
  • CertiK安全调研报告:Web3.0桌面钱包的初步安全评估
  • vscode调试已经编译好的程序
  • ROS第九梯:ROS+VSCode+Python+C++自定义消息发布和订阅
  • ⚡️如何在 React 和 Next.js 项目里优雅的使用 Zustand
  • DAY30|贪心算法Part04|LeetCode:452. 用最少数量的箭引爆气球、435. 无重叠区间、763.划分字母区间
  • 【C++】用哈希表封装unordered_map和unordered_set
  • uni-app快速入门(十一)--常用JS API(上)
  • 全志科技嵌入式面试题及参考答案
  • 【论文阅读】Large Language Models for Equivalent Mutant Detection: How Far Are We?
  • vue3 + vite + ts 配置 @ 别名
  • python成长技能之正则表达式
  • python模块和包
  • 【漏洞复现】某全新H5购物商城系统存在前台任意文件上传漏洞(RCE)
  • 枚举Enum使用
  • # ubuntu安装openjdk 和 pycharm 并解决 pycharm 不能输入中文的问题
  • 有限状态机(续)
  • 跨平台WPF框架Avalonia教程 十
  • Spring Boot出现java: 错误: 无效的源发行版:16的解决方式
  • 缓存与数据库不一致的解决方案:深入理解与实践
  • Prometheus结合K8s(二)使用