vue create 命令不创建node_modules文件夹的原因和解决方法

运行vue create 命令后并没有创建node_modules文件夹,所以npm run dev命令报错,‘webpack-dev-server‘ 不是内部或外部命令,也不是可运行的程序

或批处理文件。

运行npm install 安装node_modules文件,再次运行npm run dev成功,Your application is running here: http://localhost:8080

npm install不成功的解决办法是?
——执行npm cache clean --force(有些人这样还是没有用的话,删除package-lock.json再重新尝试一下即可。)

那么问题来了,为什么会出现npm install不成功的问题呢?
可以先看下npm install的执行过程:

1,发出npm install命令

2,npm 向 registry 查询模块压缩包的网址

3,下载压缩包,存放在~/.npm(本地NPM缓存路径)目录

4,解压压缩包到当前项目的node_modules目录

实际上说一个模块安装以后,本地其实保存了两份。一份是 ~/.npm 目录下的压缩包,另一份是 node_modules 目录下解压后的代码。但是,运行 npm install 的时候,只会检查 node_modules 目录,而不会检查 ~/.npm 目录。如果一个模块在 ~./npm 下有压缩包,但是没有安装在 node_modules 目录中,npm 依然会从远程仓库下载一次新的压缩包。

我们想利用已经在缓存中之前已经备份的模块实现离线模块安装的的 cache 机制已经在V5的时候重写了,缓存将由 npm 来全局维护不再需要开发人员操心,离线安装时将不再尝试连接网络,而是降级尝试从缓存中读取,或直接失败。就是如果你 offline ,npm将无缝地使用您的缓存。

综合得出结论吧,原因是…
缓存腐败,npm cache clean --force命令就是清除这种缓存

原文地址:https://www.cnblogs.com/znh8/p/12252768.html

时间: 2024-11-05 18:41:32

vue create 命令不创建node_modules文件夹的原因和解决方法的相关文章

【Android测试】【随笔】在手机里用命令行创建中文文件夹

不知道为啥当时自己写了一段在手机里用命令行创建文件的代码,后来由于需求,新建的文件夹需要用中文表示,因为直观,然后就发现出现诡异的乱码. 尝试了各种的编码格式,最后终于成功了,上图就是各种编码格式出的岔子,第一个为正确的. 好了不多说了,上源码吧 1 public void ShellONECommand(String cmd) 2 { 3 ((MainActivity)mainContext).ThreadUpdateLogToUI( "RunShell: " + cmd, Comm

金蝶K3无法创建数据库,请查看该文件夹的错误的解决方法。

无法创建数据库! 检查你的文件夹C:\XXX\DATA是否存在.并且该系统是不低,或SQL Server服务的启动用户不具备<K3ERP\DBFILE>文件夹的写权限.请改动Windows服务中SQL Server服务的启动用户为Power User组以上的成员. 分析:1.安装路径下的[K3Erp]文件是否有Everyone 权限. 2.确认在安装server时,[数据库服务部件是否安装]. watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvYW5qb

opencv vs工程复制到另外一个文件夹出现bug的解决方法

当我一个工程从C盘拷到E盘后,然后再打开却出现下面这种情况: 出现这种情况,首先右键Reload一下,然后出现下面这个错误 发现显示是在vcxproj文件中没有找到opencv的props文件,于是便打开这个vcxproj文件便发现下面 其中 这句<Import Project="..\..\..\..\..\..\opencv249\Opencv2Debug.props" />表明对应的opencv配置的props文件必须得在当前工程的路径下, 但是我把props的默认文

解析rsync大文件传输慢原因以及解决方法

rsync作为一个简便的同步工具,在linux环境中应用较多.能够实现比较简单的文件或目录传输.至于配置相关部分这里不做过多的讲解. +++++++++++++++++++++++++++++++++++++++++++++++ 这里说下rsync大文件时遇到的传输慢的问题,以及应该如何合理的解决这个问题. 现实场景如下,线上环境中需要同步一个15G的文件,服务器都是千兆网卡,正常同步也就150s左右.但是线上环境中同步有时候需要一个多小时,让人很崩溃. 分析过程:开始怀疑网络问题,查了网络环境

php ci框架中载入css和js文件失败的原因及解决方法

在将html页面整合到ci框架里面的时候,载入css和js失败. 原因是ci框架是入口的框架 对框架中文件的全部请求都须要经过index.php处理完毕,当载入外部的css和js文件的时候要使 用base_url()函数处理外部的链接. 在控制器中须要先加载url相关的类 public function test() { $this->load->helper('url'); $this->load->view('admin/test'); } 在test.php的view视图中.

php ci框架中加载css和js文件失败的原因及解决方法

在将html页面整合到ci框架里面的时候,加载css和js失败.原因是ci框架是入口的框架 对框架中文件的所有请求都需要经过index.php处理完成,当加载外部的css和js文件的时候要使 用base_url()函数处理外部的链接. 在控制器中需要先载入url相关的类 public function test() { $this->load->helper('url'); $this->load->view('admin/test'); } 在test.php的view视图中.

解决使用脚手架构建项目缺失node_modules文件夹文件问题

昨晚,在教我前端交流群里面的朋友搭建vue开发环境和构建vue项目的时候发现我自己之前能正常构建vue项目的现在却不行了,排查之下发现 通过脚手架构建项目的时候项目缺失了node_modules文件夹,在我排除了node环境.和配置的环境变量.vue-cli和webpack等一切都没有问题的情况下 差点重新删除node环境和vue脚手架等重装了,但是幸亏我多看了几眼cmd, 发现了貌似是和package-lock.json有关,于是我尝试通过: npm install express 来解决问题

( 转)Ubuntu下创建、重命名、删除文件及文件夹,强制清空回收站方法

Ubuntu下创建.重命名.删除文件及文件夹,强制清空回收站方法 mkdir 目录名 ——创建一个目录 rmdir 空目录名 ——删除一个空目录 rm 文件名 文件名 ——删除一个文件或多个文件 rm -rf 非空目录名 ——删除一个非空目录下的一切 touch 文件名 ——创建一个空文件 重命名文件(夹) / 移动文件(夹)到指定文件夹echWeb-技术社区5].O"?8H.I执行格式: mv source destination 举例: mv file1 file2 表示将文件 file1,

gulp使用技巧-删除node_modules文件夹,解决目录层次太深删除报错的问题

问题描述: 在使用gulp当中,自动生成的node_modules文件夹,因为文件目录层级太深,无法系统删除,用360粉碎工具也报错 解决方法: 使用npm中的插件rimraf,专门用于删除的模块插件 1.安装:npm install -g rimraf(全局安装) 2.使用:先定位目标文件夹的父级目录,然后命令行输入rimraf ***(***为需要删除的文件夹名称), 案例:(命令行操作,删除gulptest下的node_modules文件夹) 整个node_modules文件夹被删除的干干