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

最新推荐文章于 2024-08-30 20:56:11 发布
最新推荐文章于 2024-08-30 20:56:11 发布
阅读量1.3w 收藏 26
点赞数 11
分类专栏： Vue.js 文章标签： vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_43102730/article/details/121392684
版权

文章目录

运用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依赖版本号的坑儿
u011017880的专栏
02-23 730
一般在项目初始会构建（如：yarn install），后期开发中只做单一引入依赖包（yarn add），在package.json引入依赖时，版本号的控制符号要谨慎使用，如^（保持大版本号不变，后面不管几位，只要有更新都自动升级）和~（只更新升级最后一位版本号），加了这些符号，在执行全局构建命令时，会自动更新不同程度的小版本号的版本，会出现很多奇奇怪怪的不兼容问题。上图是因为bootstrap小版本更新了，版本引入时用了^，所以删除该符号即可，这种兼容问题无法解决。
打开一个项目（或者刚从码云下载的项目），没有node_modules
m0_62350238的博客
01-06 1072
即可安装好node_modules，正常运行yarn serve / npm run serve。1.使用淘宝镜像的执行命令：cnpm install。2.yarn ，则运行 yarn install。
vue-elemnt-admin-master 带完整依赖node_modules
01-08
在 github 上下载的 项目,但是 down 下来 npm install 却各种报错,我提供了一些解决方案,如果还不行,就点击下载吧
uniapp之uni-starter小程序多端研发框架搭建与项目实践
最新发布
JINGWHALE
08-30 3163
随着移动互联网的飞速发展，无数移动APP琳琅满目；在移动App的发展的基础上，衍生了小程序、轻应用技术，它随时可用，但又无需安装卸载。uni-app 是一个使用 Vue.js 开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、Web（响应式）、以及各种小程序等多个平台。AIPHD科技文教专注于科技文教，基于uni-app，研发了AIPHD英语、AI智能古诗、AIPHD科技心理等具有独立功能的APP产品矩阵，同时将AIMANT星球作为情感辅助。
运行缺少node_modules的vue项目
Singe_lq的博客
09-13 1247
【代码】运行缺少node_modules的vue项目。
vue项目中无node_modules
K_GONE的博客
02-07 3577
vue项目中无node_modules时快速加入依赖
vue-cli 创建项目不成功 原因为项目文件夹无node_modules文件 进行npm install不成功解决办法
热门推荐
qq_41594043的博客
05-22 3万+
没有node_modules文件，所以需要手动下载一下依赖 即npm install 但是也不行，还报了以下的错
创建vue没有node_modules
weixin_43787826的博客
01-17 3541
不知道有没有童鞋出现过全局安装vue-cli是成功的，但是创建项目时命令行报了很多错误， 如下 本来是需要按照提示依次切换到项目文件夹，再npm run dev 即可完成项目创建并启动的，但是又报了如下错误 经过排查，发现整个项目文件夹下竟然没有node_modules文件（这个我也不知道什么原因），所以就想着应该是需要手动下载一下依赖吧 即npm install 或 npm cache clean --force 综合得出结论吧，原因是缓存腐败，npm cache clean --force命.
vue中node_modules中第三方模块的修改使用详解
12-01
尽管这种操作能解决问题，但不推荐常规使用。直接修改`node_modules`可能导致团队协作时版本不一致，且不易于版本控制。理想情况下，应向插件作者提交修改建议或创建自定义分支，或者在项目中覆盖或扩展插件的功能。...
vue3项目，带增删改，连带node_modules包，下载后运行npm run serve启动
06-14
vue3项目，带增删改，连带node_modules包，下载后运行npm run serve启动,如果依赖安不上npm i --legacy-peer-deps npm i eslint-plugin-vue，再npm run serve
vue-element-admin 完整包（包含node_modules）
04-14
很多时候在安装这个vue-element-amdin的时候都会出现各种各样的报错，所以在一次成功之后就不想再折腾这个安装包了。
在vue目录下使用npm i生成vue依赖时没有自动生成对应的node-modules文件
qq_59227359的博客
03-20 842
我的node-mudules就被建在了npm的文件夹下，这种情况一般是在全局安装了，所以对应的路径下没有node-modules。如果没有，你需要去自己电脑的C:\Users\你的用户名\AppData\Roaming\npm\etc下找到你的npmrc文件。然后在你的C:\Users\你的用户名\这个路径下找到.npmrc文件，如果找不到，可以在命令行输入where .npmrc。看看你的vue是不是在很多个路径下都有，如果是，删除你不需要的路径。保存之后，就可以正常使用npm i创建vue了。
npm install 包，提示安装成功，但是项目目录中没有出现node_modules的解决方案
oi
05-24 7230
包，没有报错，提示安装成功，但是项目中没有出现，也没有安装的包，中也没有任何依赖包记录。
运行从git上拉下来的项目报错：“此文件夹缺少‘node_modules’”，请安装后再尝试导入
qq_45791799的博客
04-20 4774
今天从git上 clone了一个项目，发现报错：查资料才发现是因为缺少node_modules，每个git上拉下来的项目需要单独安装node_modules。 这是因为npm是vue的包管理器，而“node_modules是安装node后用来存放用包管理工具下载安装的包的文件夹；比如webpack、gulp、grunt这些工具。在node.js中模块与文件是一一对应的，也就是说一个node.js文件就是一个模块。” 解决：执行命令 npm install（使用淘宝镜像的执行命令：cnpm install）
Vue没有node_modules怎么办
weixin_54048131的博客
07-30 1478
然后再npm run serve。npm install 一下。
项目中缺失node_modules文件
zyz00000000的博客
11-22 1万+
在自己开发项目的时候，莫名其妙的缺失了node_modules文件，我的解决办法是在项目文件夹下执行 指令 结果：   同时也增加了package.json和package-lock.json文件  ...
VUE导入项目问题解决办法：找不到依赖此文件夹缺少 ‘node_modules‘。请安装依赖后再尝试导入。
m0_48837241的博客
01-15 1万+
从Gitee上拉取前端项目，导入vue时遇到问题时分析过程
npm install包提示安装成功，但项目目录中没有出现node_modules的解决方案
qq_55873376的博客
05-16 2573
在使用npm安装包时，有时可能会遇到安装成功，但在项目目录中找不到node_modules的问题。
vue项目没有node_modules
06-28
### 回答1： 如果你的 Vue 项目没有 node_modules 文件夹，那么你需要先安装依赖。可以使用 npm 或者 yarn 来安装依赖，具体步骤如下： 1. 打开终端或者命令行工具，进入 Vue 项目的根目录。 2. 运行以下命令安装依赖： 使用 npm： ``` npm install ``` 使用 yarn： ``` yarn install ``` 3. 等待依赖安装完成后，就会在项目根目录下生成 node_modules 文件夹，里面包含了项目所需的所有依赖。 注意：在安装依赖的过程中，可能会出现网络问题或者其他错误，需要根据具体情况进行排查和解决。 ### 回答2： 如果在Vue项目中没有 node_modules 文件夹，则可能会发生以下几种情况： 1. 没有安装依赖包：node_modules 文件夹通常包含项目所需的依赖包。如果没有安装依赖包，则会导致 node_modules 文件夹不存在。您可以通过在命令行中运行 "npm install" 命令来安装依赖包。 2. 项目不是基于npm：基于npm的项目会使用 node_modules 文件夹来管理依赖包，但是如果您的项目不是基于npm，则可能没有 node_modules 文件夹。例如，如果您的项目是一个简单的 HTML、CSS、JS 应用程序，则可能不需要使用npm，因为应用程序没有任何依赖项。 3. node_modules 文件夹被删除：在某些情况下，node_modules 文件夹可能会被人为删除。如果您不确定文件夹是否被删除，则可以通过重新运行 "npm install" 命令来重新安装依赖项和 node_modules 文件夹。 总之，如果您的Vue项目中没有 node_modules 文件夹，则需要检查是否已正确安装依赖项，并确认项目是否基于npm。如果同时遇到其他问题，则可能需要根据具体情况进一步查找解决方案。 ### 回答3： Vue项目缺少node_modules文件夹通常是由于以下几个原因所导致的。 第一个原因可能是你在创建Vue项目时，没有使用正确的命令或缺少必要的参数。通常情况下，使用Vue CLI创建一个新的Vue项目时，通过运行命令"vue create project-name"来创建项目。如果你使用了不同的命令或者缺少了必要的参数，可能就会导致node_modules文件夹不存在。 第二个原因可能是你在维护或迁移项目时，不小心删除了node_modules文件夹。这个文件夹包含了所有你的依赖项，如果不小心删除，就会导致项目无法运行。如果你使用的是版本控制软件如Git等，可以尝试回滚到之前的版本，或者使用npm install命令重新安装项目所需的依赖项。 第三个原因可能是你的文件路径或文件名出现了问题。在某些情况下，你可能会有一些诸如重命名文件、移动文件或更改文件/文件夹路径等操作，这些操作可能会导致文件路径或文件名出现问题，进而导致node_modules目录无法找到。如果出现这种问题，你可以通过检查文件路径和文件名是否正确，手动创建或重新安装依赖项来解决这个问题。 无论出现何种问题，确保在运行Vue项目之前，node_modules文件夹一定存在，并包含所有的依赖项。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值