vue踩坑记之npm install报错问题解决总结

 更新时间:2022年06月13日 16:34:02   作者:Emotion#  
当你跑起一个项目的时候,第一步需要先安装依赖npm install,下面这篇文章主要给大家介绍了关于vue踩坑之npm install报错问题解决的相关资料,需要的朋友可以参考下

前言

很多时候安装npm install 的时候并不能直接将当前的node_modules直接一键安装到本地.

总是会出现各种各样的报错

常见的有以下多种情况

tip1:本地node 跟npm 版本不匹配,项目创建者当时的版本为14 ,而新开发者本地node默认为最新需要重新降低版本,使用cmd打开查看本地node和npm版本,询问一下同事的版本,直接去node官网重新

下载安装新的node安装包即可,或者如果本地有多个新老项目为了方便的管理各个node的版本问题,推荐使用nvm,一个很好用的node版本协调控制工具

nvm 的常用命令如下:

nvm install stable ## 安装最新稳定版 node
nvm install <version> ## 安装指定版本
nvm uninstall <version> ## 删除已安装的指定版本
nvm use <version> ## 切换使用指定的版本node
nvm ls ## 列出所有安装的版本
nvm ls-remote ## 列出所有远程服务器的版本
nvm current ## 显示当前的版本
nvm alias <name> <version> ## 给不同的版本号添加别名
nvm unalias <name> ## 删除已定义的别名
nvm reinstall-packages <version> ## 在当前版本 node 环境下,重新   全局安装指定版本号的 npm 包
nvm alias default [node版本号] ##设置默认版本

切换到指定版本之后,重新下载安装npm install 即可运行项目文件;

tip2:本地npm 版本过低导致,将node_modules删除,重新使用npm install -g npm

 由于镜像是国外下载速度过慢的可以更换淘宝镜像:npm install -g cnpm --registry=https://registry.npm.taobao.org,然后使用cnpm install 即可,也可以使用nrm,镜像管理工具切换使用多个下载安装,使用npm install nrm -g 安装nrm,根据自己需求

自由的切换使用npm,cnpm,yarn等多个镜像工具.

tip3:本地npm缓存导致, 使用npm cache clean --force 强制清除本地镜像缓存,然后重新npm install 后再次运行项目即可.

tip4:项目权限问题,在主机中搜索Windows PowerShell,右键已管理员方式运行,设置执行策略,

输入set-ExecutionPolicy RemoteSigned,然后按A回车即可,

 再回到项目重新npm install,运行项目即可.

tip5:没有执行权限

在终端执行get-ExecutionPolicy,然后会显示Restricted,表示是受限制的;

执行:set-ExecutionPolicy RemoteSigned;

这时再执行get-ExecutionPolicy,就显示RemoteSigned,这样就可以了

tip6:将package-lock.json文件删除!!!有时候的包安装,收到package-lock.json的数量限制,删除后,重新npm i下载包就可以了

tip7:也可以直接将同事的node_modules拿过来替换成自己的包,直接npm run dev运行项目,这种问题是最快也是最不可取的.尽量还是从根本解决问题,

总结

到此这篇关于vue踩坑记之npm install报错问题解决的文章就介绍到这了,更多相关vue npm install报错问题内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • 浅谈vue父子组件怎么传值

    浅谈vue父子组件怎么传值

    这篇文章主要介绍了浅谈vue父子组件怎么传值,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-07-07
  • 详解vue3+electron如何做到本地化

    详解vue3+electron如何做到本地化

    要在Vue 3和Electron中实现本地化,可以使用类似于在Vue项目中进行本地化的方式,本文为大家介绍了一种常见的做法,希望对大家有所帮助
    2024-03-03
  • 解决vue3中from表单嵌套el-table时填充el-input,v-model不唯一问题

    解决vue3中from表单嵌套el-table时填充el-input,v-model不唯一问题

    这篇文章主要给大家介绍一下如何解决vue3中from表单嵌套el-table时填充el-input,v-model不唯一问题,文中有相关的解决方法,通过代码示例介绍的非常详细,需要的朋友可以参考下
    2023-07-07
  • Vue3中如何获取鼠标在浏览器x轴和y轴的位置

    Vue3中如何获取鼠标在浏览器x轴和y轴的位置

    这篇文章主要介绍了Vue3中如何获取鼠标在浏览器x轴和y轴的位置问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
    2024-07-07
  • vue中v-for指令完成列表渲染

    vue中v-for指令完成列表渲染

    这篇文章主要给大家分享的是vue中v-for指令完成列表渲染,下面文化章就围绕中v-for的相关资料在Vue中列表渲染做个简单总结和使用演示,需要的朋友可以参考一下,希望对大家有所帮助
    2021-11-11
  • Sublime Text新建.vue模板并高亮(图文教程)

    Sublime Text新建.vue模板并高亮(图文教程)

    这篇文章主要介绍了Sublime Text新建.vue模板并高亮(图文教程),小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-10-10
  • Vue 中如何将函数作为 props 传递给组件的实现代码

    Vue 中如何将函数作为 props 传递给组件的实现代码

    这篇文章主要介绍了Vue 中如何将函数作为 props 传递给组件的实现代码,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2020-05-05
  • Vue安装sass-loader和node-sass版本匹配的报错问题

    Vue安装sass-loader和node-sass版本匹配的报错问题

    这篇文章主要介绍了Vue安装sass-loader和node-sass版本匹配的报错问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
    2024-04-04
  • vue页面如何及时更新页面数据问题

    vue页面如何及时更新页面数据问题

    这篇文章主要介绍了vue页面如何及时更新页面数据问题,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2023-05-05
  • Vue计算属性实现成绩单

    Vue计算属性实现成绩单

    这篇文章主要为大家详细介绍了Vue计算属性实现成绩单,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-08-08

最新评论