美文网首页Electron
windows下electron-vue安装失败的解决办法

windows下electron-vue安装失败的解决办法

作者: 六小胖胖 | 来源:发表于2017-10-31 15:52 被阅读0次

    跑一个electron-vue的demo的步骤如下,来自vue官网https://electron.org.cn/vue/index.html。

    # 安装 vue-cli 和 脚手架样板代码

    npm install -g vue-cli

    vue init simulatedgreg/electron-vue my-project1

    # 安装依赖并运行你的程序

    cd my-project1

    npm install

    npm run dev

    作为国内未翻墙的windows用户每次执行到npm install就过不去了,研究以后发现了解决方法。

    错误截图

    问题如图所示,执行到node install.js等一段时间就会报奇怪的错误。

    1、检查下自己的nodejs,npm版本是否合适,registry是否合适。

    2、我们手动执行以下npm install electron,发现再次执行到node install.js的时候关闭cmd窗口

    3、进入“项目路径”/node_modules/electron,新建path.txt文件,编写内容“dist/electron.exe”。

    4、新建dist文件夹,去https://npm.taobao.org/mirrors/electron下载对应版本的压缩包,解压到dist下。比如我需要1.7.9的win64版本,则下载了的electron-v1.7.9-win32-x64.zip的压缩包。

    这四件事情做完以后,再次打开cmd运行npm run dev,demo就能跑起来了~

    demo运行截图

    相关文章

      网友评论

        本文标题:windows下electron-vue安装失败的解决办法

        本文链接:https://www.haomeiwen.com/subject/ujkduxtx.html