开启Vue项目缺少node_models包的问题及解决

 更新时间:2022年09月21日 16:02:19   作者:加贝力口贝  
这篇文章主要介绍了开启Vue项目缺少node_models包的问题及解决方案,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教

开启Vue项目缺少node_models包

运用Vue ui时出现的一些问题

1. 当我们通过Vue ui 导入新的vue项目时显示缺少node_models包问题

此文件夹缺少 ‘node_modules’。请安装依赖后再尝试导入。

错误页面如图:

问题原因

错误原因是没有安装该项目所需要的依赖项(代码入库时是不需要保留依赖项的,因为依赖项只在项目编译打包或项目运行时使用。所以从git仓库或svn仓库拉下来的代码需要先安装依赖),执行命令安装后即可正常导入。 

解决办法一:

重新安装node_models

  • 1.进入到项目的根目录
  • 2.打开cmd命令窗口
  • 3.执行安装命令
cd my-project	# 进入到项目目录
npm install 	# 普通安装
npm install --registry https://registry.npm.taobao.org
#换源安装速度会比较快

这步很关键最好换源安装否则项目可能依旧不能启动

npm run dev# 项目启动成功

改方法的弊端每次新开启一个项目都需要重新安装node_models包很麻烦

vue项目依赖node_modules装不上去

从代码库里拉取代码,安装依赖特别卡,等待许久之后报了一大堆错,项目也启动不起来。后来在大佬的帮助下解决了,

可以试试先运行

npm install -g mirror-config-china

npm快速换源

npm install -g mirror-config-china

然后再重新 npm i 即可

npm i

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

相关文章

  • vue用h()函数创建Vnodes的实现

    vue用h()函数创建Vnodes的实现

    Vue提供了一个h()函数用于创建vnodes,本文就来介绍一下vue用h()函数创建Vnodes的实现,具有一定的参考价值,感兴趣的可以了解一下
    2024-01-01
  • vue3使用reactive赋值后页面不改变

    vue3使用reactive赋值后页面不改变

    本文主要介绍了vue3使用reactive赋值后页面不改变,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2023-04-04
  • JS 函数的 call、apply 及 bind 超详细方法

    JS 函数的 call、apply 及 bind 超详细方法

    这篇文章主要描述JS 函数的 call、apply 及 bind 方法的超详细解说,感兴趣的朋友可以参考下文,希望能帮助到您
    2021-08-08
  • vue-seamless-scroll 实现简单自动无缝滚动且添加对应点击事件的简单整理

    vue-seamless-scroll 实现简单自动无缝滚动且添加对应点击事件的简单整理

    vue-seamless-scroll是一个基于Vue.js的简单无缝滚动组件, 基于requestAnimationFrame实现,配置多满足多样需求,目前支持上下左右无缝滚动,单步滚动,及支持水平方向的手动切换功能,本节介绍,vue添加 vue-seamless-scroll实现自动无缝滚动的效果,并对应添加点击事件
    2023-01-01
  • vue实现搜索过滤效果

    vue实现搜索过滤效果

    这篇文章主要为大家详细介绍了vue实现搜索过滤效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2019-05-05
  • Vue使用v-viewer实现图片预览

    Vue使用v-viewer实现图片预览

    这篇文章主要为大家详细介绍了Vue使用v-viewer实现图片预览,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-10-10
  • Vue动态绑定Class的几种常用方式

    Vue动态绑定Class的几种常用方式

    在vue框架开发中,有时候我们需要对元素的样式进行动态控制,比如tab按钮的切换,下面这篇文章主要给大家介绍了关于Vue动态绑定Class的几种常用方式,需要的朋友可以参考下
    2023-03-03
  • vue中的<template>标签与react中的<></>标签区别详解

    vue中的<template>标签与react中的<></>标签区别详解

    这篇文章主要为大家介绍了vue中的<template>标签与react中的<></>标签区别详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-08-08
  • Vuejs 组件——props数据传递的实例代码

    Vuejs 组件——props数据传递的实例代码

    本篇文章主要介绍了Vuejs 组件——props数据传递的实例代码,具有一定的参考价值,感兴趣的小伙伴们可以参考一下。
    2017-03-03
  • vue-router重定向和路由别名的使用讲解

    vue-router重定向和路由别名的使用讲解

    今天小编就为大家分享一篇关于vue-router重定向和路由别名的使用讲解,小编觉得内容挺不错的,现在分享给大家,具有很好的参考价值,需要的朋友一起跟随小编来看看吧
    2019-01-01

最新评论