Vue安装依赖npm install时的报错问题及解决

 更新时间:2022年06月05日 14:26:26   作者:三毛的哥哥  
这篇文章主要介绍了Vue安装依赖npm install时的报错问题及解决方案,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教

安装依赖npm install时的报错

1.vue的安装依赖于node.js,要确保你的计算机上已安装过node.js。可进入cmd编辑器,输入命令 node -v进行查看。出现版本信息即成功!没有则从浏览器上面下载安装即可,没有安装要求!

2.确定node安装后,就可以开始vue的安装了。用$ npm install -g vue-cli进行安装,输入vue -V,出现版本信息即成功!

3.建一个Vue项目,建立在c盘外,

别盘进行建立!

4.如图安装中途出现的问题:

  • 在cmd里输入:vue init webpack my-project(项目文件夹名),回车,等待一小会儿,依次出现‘git’下的项,可接着操作,按提示依次输入文件名,项目名,作者等,等出现vue-router路由时输入yes,其他的输入no,回车!
  • 安装依赖:npm install    博主出现了很多次问题,显示错误,一直解决不了,搜索了很多博客也没有什么看得懂的解决方法,后来找到一种,就是全局安装cnpm,
npm install -g cnpm --registry=https://registry.npm.taobao.org

然后在cmd中输入cnpm install,即安装成功,cnpm run dev 或者在浏览里输入:localhost:8080(默认端口为8080),即能在浏览器中看到已经安装好的vue!

5.附加:GitHub代码托管使用方法

在Git官网下载git进行安装,安装教程可在网上进行搜索,一般直接确定即可,然后使用GitHub的话,在网上找到项目,然后项目有给到附加地址,在D盘建立文件夹,右键,然后就能看到安装好的git,点击即会出现类似与cmd的框,进行输入地址导入即可!

cnpm安装依赖出现各种问题

问题

正常运行的vue3项目,用cnpm安装依赖后出现各种问题,如:

1、Cannot find module ‘vue-loader-v16/package.json‘

2、Cannot find module ‘fork-ts-checker-webpack-plugin-v5‘

解决方案

使用npm install安装依赖

npm速度慢可以先运行npm install --registry=https://registry.npm.taobao.org再安装

以上为个人经验,希望能给大家一个参考,也希望大家多多支持脚本之家。

相关文章

  • 记一次Vue.js混入mixin的使用(分权限管理页面)

    记一次Vue.js混入mixin的使用(分权限管理页面)

    这篇文章主要介绍了记一次Vue.js混入mixin的使用(分权限管理页面),小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2019-04-04
  • vue+springboot实现项目的CORS跨域请求

    vue+springboot实现项目的CORS跨域请求

    这篇文章主要介绍了vue+springboot实现项目的CORS跨域请求,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-09-09
  • 解决在vue项目中,发版之后,背景图片报错,路径不对的问题

    解决在vue项目中,发版之后,背景图片报错,路径不对的问题

    下面小编就为大家分享一篇解决在vue项目中,发版之后,背景图片报错,路径不对的问题,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2018-03-03
  • vue parseHTML函数源码解析start钩子函数

    vue parseHTML函数源码解析start钩子函数

    这篇文章主要为大家介绍了vue parseHTML函数源码解析start钩子函数,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-07-07
  • Nuxt3重点特性使用举例问题记录

    Nuxt3重点特性使用举例问题记录

    Nuxt3 使用 Vue.js 作为视图引擎,Nuxt3 中提供了所有 Vue 3 功能,所以我们创建的Nuxt项目其实也是vue3项目,这篇文章主要介绍了Nuxt3重点特性使用举例记录,需要的朋友可以参考下
    2022-12-12
  • 使用Vue3和Plotly.js绘制交互式漏斗图的示例代码

    使用Vue3和Plotly.js绘制交互式漏斗图的示例代码

    漏斗图常用于可视化业务流程中的各个阶段的转换率,例如销售漏斗或营销漏斗,它可以帮助用户识别流程中的瓶颈和改进机会,本文给大家介绍了如何使用Vue3和Plotly.js绘制交互式漏斗图,,文中有相关代码示例供大家参考,需要的朋友可以参考下
    2024-07-07
  • vue中使用gantt-elastic实现可拖拽甘特图的示例代码

    vue中使用gantt-elastic实现可拖拽甘特图的示例代码

    这篇文章主要介绍了vue中使用gantt-elastic实现可拖拽甘特图,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2022-07-07
  • vant-ui AddressEdit地址编辑和van-area的用法说明

    vant-ui AddressEdit地址编辑和van-area的用法说明

    这篇文章主要介绍了vant-ui AddressEdit地址编辑和van-area的用法说明,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2020-11-11
  • vue install 注册全局组件方式

    vue install 注册全局组件方式

    这篇文章主要介绍了vue install 注册全局组件方式,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2022-03-03
  • Vue项目中引入ESLint校验代码避免代码错误

    Vue项目中引入ESLint校验代码避免代码错误

    这篇文章主要为大家介绍了Vue项目中引入ESLint插件校验代码避免代码错误的使用详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-07-07

最新评论