Windows开发VUE怎么有这么多坑

2,519 阅读3分钟

前言

前端开发会遇到各种插件版本带来的问题,每次解决这种问题都很头疼,因为前端插件更新的实在太快,更新后还可能出现与其他插件不兼容,从而导致整个项目崩掉,此贴列出来的问题点都是我碰到过并解决掉的,也是想借此贴做个记录并分享给大家,帮助大家少走一些弯路

上干货

干货一

vue项目npm install时的条件

1.依赖时需要安装python2.7
2.根据项目package.json中"node-sass":"^4.14.1"选择需要安装的node版本node-sass低版本与高版本的node会有兼容性问题,导致安装失败。

亲测可用版本:
node版本v14.18.1
node-sass版本^4.14.1

附node.js与node-sass版本对应表

image.png

如果图中没有你的版本,自己去官网查一下吧: github.com/sass/node-s…

安装时需要注意node-sass插件要带上版本号,否则会出现vc++不兼容问题
安装命令例子:
npm i node-sass@4.14.1 --sass_binary_site=https://npm.taobao.org/mirrors/node-sass/

网上对VC++问题有各种版本的解释,有一种说法是指定vs版本,让大家指定2015或2017啥的,我认为没什么用,有兴趣的网友可以自己试试,最主要是vs那东西太大不想装 此问题十分坑!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!

干货二

npm install出现 MSBUILD : error MSB3428: 未能加载 Visual C++ 组件“VCBuild.exe”。

npm install出现 MSBUILD : error MSB3428: 未能加载 Visual C++ 组件“VCBuild.exe”。原因时缺少windows构建插件
请安装windows构建插件
npm install --global --production windows-build-tools(需要管理员cmd)
安装时如果卡在python2.7不动,请参考"干货三"

干货三

出现卡在Successfully installed Python 2.7时

npm install --global --production windows-build-tools
出现卡在Successfully installed Python 2.7时
npm安装windows-build-tools卡住,停在了Successfully installed Python 2.7
这个问题据说是这个包自身的bug
解决如下:
1、保证你安装了Visual Studio
2、在资源管理中搜索%temp% ,window系统按住win按键直接搜索就可以
3、在搜索到的文件夹%temp% 中创建dd_client_.log文件,并且填入内容Closing installer. Return code: 3010.
完成

electron备忘录:
补充:electron项目需要node的版本与electron有对应关系,实际上是node的NODE_MODULE_VERSION要和electron abi要对应,可以在这个地址查看下nodejs.org/zh-cn/downl…

干货四

npm install 报错 cb.apply is not a function

npm install 报错 cb.apply is not a function
解决:
win + r 打开运行,输入%appdata%
删除npm和npm-cache文件夹
执行npm cache clean --force命令
此时应该就可以了,如果还不行,就执行卸载Node.js重新安装。
如果还是不行!!
换yarn
安装yarn npm install -g yarn
yarn install 代替 npm install
然后,就可以运行vue啦~

干货五

快速完全删除node_modules

此做法用于心烦意乱,重新梳理思路的时候

1.安装npm包–rimraf
npm install rimraf -g
2.在cmd指令下,进入所需删除的node_modules文件夹的位置,再输入指令rimraf node_modules
3.等待删除完成

干货六

renrenfast问题点

项目启动,画面出现<% if (process.env.NODE_ENV === 'production') { %> <% }else { %> <% } %>

是由于vue项目想要在windows系统中运行要安装node-sass插件
安装node-sass插件时要注意node-sass与node的版本,不同node版本需要对应不同的node-sass插件
node-sass插件的安装和注意事项参考本文"干货一"

以上是我目前遇到的问题点整理,日后有新问题还会继续追加,如果觉得有用,麻烦收藏+点赞,小弟在这里先谢过各位看官老爷了