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

目录
  • 开启Vue项目缺少node_models包
    • 运用Vue ui时出现的一些问题
  • vue项目依赖node_modules装不上去

开启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

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

(0)

相关推荐

  • 详解Vue项目在其他电脑npm run dev运行报错的解决方法

    一个 Vue 项目从一台电脑上传到 github 上之后,再另外一台电脑上 git clone .并使用 npm run dev 或 npm run start 发生以下报错的解决方法. 报错原因 缺少 node_modules 里面的依赖.在项目目录下使用 npm install 然后再 npm run dev. 如果在这一步当中, npm install 执行的过程中,处于一直卡顿的状态.说明网络状况不佳.建议使用 cnpm 淘宝源. 淘宝源 使用 cnpm -v 查看是否已经安装 cnpm

  • 解决新建一个vue项目过程中遇到的问题

    我就废话不多说了,大家还是直接看代码吧~ /usr/local/bin/node /usr/local/lib/node_modules/npm/bin/npm-cli.js run dev --scripts-prepend-node-path=auto > mytodolists@1.0.0 dev /Users/chenqiurui/WebstormProjects/myVue > webpack-dev-server --inline --progress --config build

  • 解决Vue-cli无法编译es6的问题

    最近使用vue-cli创建项目的时候,遇到es6无法转换成es5的情况,项目在ios9下无法正常运行,在webpack.base.conf.js里面修改babel的配置项,添加src目录也没用,于是百度,谷歌找方法,最后自己想了想是不是没有配置.babelrc文件,于是在项目根目录创建.babelrc文件,同时在文件中编写 { "presets": [ "env" ], "plugins": [ "transform-runtime&q

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

    目录 开启Vue项目缺少node_models包 运用Vue ui时出现的一些问题 vue项目依赖node_modules装不上去 开启Vue项目缺少node_models包 运用Vue ui时出现的一些问题 1. 当我们通过Vue ui 导入新的vue项目时显示缺少node_models包问题 此文件夹缺少 ‘node_modules’.请安装依赖后再尝试导入. 错误页面如图: 问题原因 错误原因是没有安装该项目所需要的依赖项(代码入库时是不需要保留依赖项的,因为依赖项只在项目编译打包或项目运

  • vue项目检测依赖包是否有使用的问题

    目录 vue项目检测依赖包是否有使用 vue项目安全依赖包时各种报错问题 vue项目检测依赖包是否有使用 vue项目检测 依赖包是否有使用,缩减打包后体积 Depcheck npm地址 https://www.npmjs.com/package/depcheck Depcheck可以识别JavaScript文件中的依赖项 安装: npm install -g depcheck 在当前目录打开cmd,运行depcheck /g/my/project (要检测的项目路径) $> depcheck  

  • 解决idea导入maven项目缺少jar包的问题

    之前一直用的elipse,现在用idea不熟悉,这里记录一下.这里以idea2017为例. 导入elipse的maven项目,提示缺少jar包,肯定是idea没有给你导包. 第一步,首先确认自己的idea和maven的环境有没有配置好. 第二步,确认自己导项目时候的Module设置. 搞定自己的maven配置之后,咱们再来看一下项目的Module设置问题. 删掉之前Module,重新再导一遍. 点击 + 之后选择项目的本地路径,然后在弹出来的界面中选择Maven,之后一路 Next ,最后点击A

  • vue项目部署上线遇到的问题及解决方法

    前言 今天把自己写的demo登录写完了,就想着试着走一下部署上线的流程.参考了很多的文档,终于成功进行了部署.在这里将服务器的搭建和vue项目的 部署上线进行整理(都是基础的知识,希望对大家有帮助.对我帮助是很大的) 2.流程 1.服务器搭建 这里我用的是腾讯云的服务器.买了一个域名.没有备案的域名也可以使用.买完服务器进行域名解析. 点击添加解析,按照下面这样填写就行 马赛克是你的外网ip 可以根据你需要的进行修改,我这只是最基本的绑定.其他请自行百度. 3.添加ssh密钥 第一步添加密钥,会

  • vue项目中使用vue-i18n报错的解决方法

    前言 Vue-i18n大家应该都不陌生,Vue-i18n安装的安装方法如下: npm install vue-i18n --save 然而最近在vue项目中使用vue-i18n的时候,居然报错了,通过查找相关的资料终于找到了解决的方法,下面话不多说了,来一起看看详细的介绍吧 发现问题 iview-admin框架克隆到本地,添加路由的时候,稍不注意就会遇到以下情况: Value of key 'xxx' is not string! Cannot translate the value of ke

  • Vue项目中使用addRoutes出现问题的解决方法

    目录 前言 一.404页面 1. 出现的原因 2. 解决方案 二.刷新白屏 1. 出现原因 2. 解决方案 三.路由重复 1.  出现原因 2. 解决方案 总结 前言 addRoutes官方介绍: 函数签名: router.addRoutes(routes: Array<RouteConfig>) 动态添加更多的路由规则.参数必须是一个符合 routes 选项要求的数组. 这两天做vue后台权限管理系统的时候,发现使用vue提供的addRoute添加路由以后,会出现两个bug,一起来看看如何解

  • vue项目部署跨域问题的详细解决过程

    目录 首先是后端: 再是前端: 总结 跨域问题在前后端分离项目很常见,至于为什么会跨域,同源策略,百度各种博客都很详细,这里不再介绍,主要记录项目中的各种设置,解决的过程. 首先是后端: 过滤器: @Configuration public class GlobalCorsConfig { /** * 允许跨域调用的过滤器 */ @Bean public CorsFilter corsFilter() { CorsConfiguration config = new CorsConfigurat

  • 用electron打包vue项目中的报错问题及解决

    目录 1.  首先一定要cd到项目的根目录 2.  接下来运行 如何用electron打包vue项目,请参见我的另一篇文章:如何用electron打包vue项目为桌面应用文件exe 这里,也要提到实际项目中的问题,可能有同志的目录结构和内容有些许差别,就我刚刚遇到的问题来说,常见的问题的有几个问题,以及解决办法如下: 1.  首先一定要cd到项目的根目录 (我这里是app)里面才能运行项目,再重新npm run build,不然的话很有可能出现 “ 系统找不到路径的问题 ”,成功的话会出现下面绿

  • vue项目首屏打开速度慢的解决方法

    最近接手了一个后台管理系统,技术栈主要是vue全家桶+elementui,老大打开测试环境页面的时候,说看到首页需要6秒钟,那如何进行优化呢? 首先我们需要安装webpack-bundle-analyzer // webpack.prod.conf.js if (config.build.bundleAnalyzerReport) { const BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlu

  • vue-cli npm如何解决vue项目中缺失core-js的问题

    目录 vue-cli npm解决vue项目中缺失core-js 报错 原因 解决办法 vue踩坑:this dependency was not found 问题背景 vue-cli npm解决vue项目中缺失core-js 报错 This dependency was not found: core-js/modules/es.object.to-string in ./src/router/index.jsTo install it, you can run: npm install --s

随机推荐