开启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
以上为个人经验,希望能给大家一个参考,也希望大家多多支持我们。
相关推荐
-
解决Vue-cli无法编译es6的问题
最近使用vue-cli创建项目的时候,遇到es6无法转换成es5的情况,项目在ios9下无法正常运行,在webpack.base.conf.js里面修改babel的配置项,添加src目录也没用,于是百度,谷歌找方法,最后自己想了想是不是没有配置.babelrc文件,于是在项目根目录创建.babelrc文件,同时在文件中编写 { "presets": [ "env" ], "plugins": [ "transform-runtime&q
-
详解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项目缺少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
随机推荐
- js+css实现增加表单可用性之提示文字
- Java中CyclicBarrier的用法分析
- IOS 中弹框的实现方法整理
- JS树形菜单组件Bootstrap TreeView使用方法详解
- php动态函数调用方法
- 详解PHP的Yii框架中组件行为的属性注入和方法注入
- PHP两种快速排序算法实例
- 仅IE9/10同时支持script元素的onload和onreadystatechange事件分析
- Python 比较两个数组的元素的异同方法
- 原生js实现查询天气小应用
- ThinkPHP3.1新特性之对Ajax的支持更加完善
- form表单中去掉默认的enter键提交并绑定js方法实现代码
- 在点击div中的p时,如何阻止事件冒泡
- URL的参数中有加号传值变为空格的问题(URL特殊字符)
- 一招最简单有效直接的防止黑客拿后台的设置方法
- 如何在Android中实现渐显按钮的左右滑动效果
- Java中break、continue、return在for循环中的使用
- 微信小程序实现刷脸登录
- 详解Vue.directive 自定义指令
- 在Linux系统上安装Spring boot应用的教程详解