如何解决node_modules包压缩出错或者拷贝不全的问题(内网开发)

前言:

最近开发项目因为公司对数据和项目安全很看重。所以开发就是用虚拟桌面开发,虚拟桌面里没有网。对前端来说还是很致命,很繁琐的,因为无论用vue/react都离不开node_module(依赖包)。一般正常开发只需要用npm/cnpm/yarn就可以了,但是内网没有这些东西就需要在外面下载好,复制或者压缩打包放进去。虽然看起来很简单的操作但是还是有坑的,下面我讲一下遇到的坑。

问题描述:

内网开发node_module复制或者压缩都会运行失败(原因缺包)。但是在外面同样的包就可以运行(node环境一致的情况)。可以试试下面的做法。

常见报错:

Error: Cannot find module 'xxxx'找不到模块    

Error: Cannot find module 'resolve-cwd'     

解决方案:

我在外面是用cnpm下载的依赖,但是切记不能用cnpm下载要用npm下载,因为cnpm是淘宝镜像很多包都是快捷方式。这个就是缺包的解决方案。

可以使用npm下载,或者cnpm install --by=npm问题解决

也可以尝试 yarn 之类的

                                                                            cnpm包的截图(很多都是快捷方式)

cnpm包的截图

cnpm install --by=npm 是将 cnpm 命令的执行委托给 npm 命令执行,具体来说,它会将 cnpm 的执行参数转换为对应的 npm 命令参数,并调用 npm 命令执行。这个命令通常用于解决使用 cnpm 安装依赖包时出现的一些问题。 在使用 cnpm 安装依赖包时,可能会出现一些问题,例如依赖包版本不一致、缺少依赖等问题。这时候可以尝试使用 cnpm install --by=npm 命令,将安装命令委托给 npm 执行,以获得更稳定的安装结果。 需要注意的是,由于 cnpm 和 npm 存在一些差异,因此在使用 cnpm install --by=npm 命令时,可能会有一些 cnpm 不支持的 npm 参数无法使用。此外,由于 cnpm 是一个国内的镜像源,使用 cnpm install --by=npm 命令执行安装时可能会比直接使用 npm 命令执行安装的速度更慢。因此,在使用该命令时需要根据具体情况谨慎选择。

  • 8
    点赞
  • 14
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 4
    评论
### 回答1: vue-element-admin的node_modules是Vue项目所依赖的所有第三方库和插件的集合。在使用vue-element-admin开发项目时,我们通常会引入一些列npm来完成各种功能需求。 这些node_modules被存放在项目的根目录下的node_modules文件夹中,每个都有自己的文件结构和功能。在项目开发中,我们可以根据需要引入相应的,然后在代码中使用其提供的组件、函数或工具。这些可能括Vue官方库、UI框架、路由器、状态管理工具、网络请求库等等。 node_modules的安装一般通过npm(Node Package Manager)或者yarn(另一种管理工具)来完成。当我们在项目中引入一个新的依赖时,这些工具会帮助我们自动下载和安装对应的node_modules,以确保我们能够顺利使用它们。 然而,在实际开发中,由于项目的依赖关系较复杂,node_modules的体积较大,这会导致node_modules文件夹占用较大的磁盘空间。为此,我们可以通过在.gitignore文件中添加node_modules的忽略规则,来避免将整个node_modules提交到版本控制系统中,从而减小代码仓库的体积。 总结来说,vue-element-admin的node_modules是Vue项目所依赖的第三方库和插件的集合,它们提供了丰富的功能和工具,帮助我们更高效地开发Vue项目。 ### 回答2: vue-element-admin是一个基于Vue.js和Element UI的开源后台管理系统模板。 node_modules是一个存放着项目依赖的文件夹。当我们在开发过程中使用了一些外部库或框架时,这些库或框架的代码通常会以npm的形式存在于node_modules文件夹中。 在vue-element-admin项目中,node_modules文件夹中存放着该项目所依赖的各种npm。这些括了Vue.js和Element UI等核心库,以及其他一些用于构建、优化和扩展项目的辅助工具和插件。 通过将这些依赖放在node_modules中,我们可以方便地管理和更新项目的依赖关系。当我们在开发过程中需要使用某个依赖时,只需要在代码中引入即可,而无需手动下载和管理这些依赖的文件。 在项目初始化的过程中,我们可以通过npm或yarn等管理工具自动安装项目所需的依赖。这些工具会根据项目的配置文件(例如package.json)中的依赖项列表,自动从npm仓库中下载相应的,并将其保存在node_modules文件夹中。 总之,node_modules是存放着vue-element-admin项目所依赖的各种npm的文件夹。通过这些,我们可以方便地引入和使用各种功能强大的库和工具,来加速开发和丰富项目的功能。 ### 回答3: vue-element-admin是一个基于Vue.js和Element UI的开源后台管理系统模板。在使用vue-element-admin时,我们需要通过npm或yarn安装相应的依赖。而这些依赖通常会被安装在项目根目录下的node_modules文件夹中。 node_modules文件夹是用于存放项目所需的所有依赖的文件夹。当我们使用npm或yarn安装依赖时,这些依赖会被自动下载并存放在node_modules文件夹中。在node_modules文件夹中,每个依赖都有自己的文件夹,其中含了该依赖的源代码、样式文件、图片等资源。 在vue-element-admin中,node_modules文件夹中的依赖括了Vue.js、Element UI以及其他一些第三方库。这些依赖的存在是为了帮助我们快速搭建一个功能完善的后台管理系统。通过运行npm run dev或yarn serve命令时,vue-element-admin会自动加载和使用这些依赖,以实现系统的各种功能,例如路由管理、页面展示、表单验证等等。 需要注意的是,由于依赖非常复杂且数量庞大,node_modules文件夹通常会非常庞大,可能会占用较大的磁盘空间。因此,在上传或分享项目时,通常会将node_modules文件夹排除在版本管理工具(如Git)的跟踪之外,而是只保留package.json等描述依赖关系的配置文件,方便他人在自己的开发环境中重新安装依赖。 总结来说,vue-element-admin的node_modules文件夹是用于存放项目所需依赖的文件夹,含了Vue.js、Element UI以及其他第三方库。它是构建vue-element-admin后台管理系统必不可少的一部分,通过使用这些依赖,我们可以快速搭建出一个功能完善的后台管理系统。
评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

崽崽的谷雨

漫漫前端路,摸爬滚打

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值