升级nodejs后vue打包失败

最新推荐文章于 2024-05-21 14:15:14 发布
最新推荐文章于 2024-05-21 14:15:14 发布
阅读量489 收藏
点赞数
分类专栏： # 项目上线 文章标签： javascript 前端 vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/hannah2233/article/details/127198038
版权

因为最近需要做一个react+vite的项目，因为一个依赖包的缘故，被迫将node从14升级到16

  • C盘内存不足，node文件夹下的cache和global必须得移到D盘，但命令行走了半天，D盘eng是没多文件夹
  • 每次下npm包时，都嘎嘎难受

一、 报错提示

在这里插入图片描述

二、 报错分析+解决

需要对vue工程进行清除操作

  1. 删除项目文件夹下的node_modules以及package-lock.json

    • node_modules ： 项目依赖包
    • package-lock.json : 文件锁，下载依赖对应版本

  2. npm cache clean --force
    在这里插入图片描述

  3. 重新npm install

  4. 对项目进行打包：
    在这里插入图片描述

牛小小小婷～
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
NodeJS+Vue实现支付宝支付(沙箱)完整流程 .zip
05-12
NodeJS+Vue实现支付宝支付(沙箱)完整流程
Vue+NodeJS前后端分离项目Docker部署1
08-04
1. 整体架构图 2. 环境描述 3. 部署效果 1. 源码获取 4. 创建相关目录与文件 5. 创建docker网络用于容器互联 1. 创建并启动容器 2.
npm打包失败的原因
weixin_42780940的博客
06-27 1001
npm打包失败的原因1.modules依赖安装有没有问题，版本对不对得上2.node版本不一致，有一些api高版本才有，node:v16以上的就兼容了m1芯片的3.less编译没过，或者其它编译没过，或者将cache-loader关掉4.电脑系统是centos还是server,不同的系统安装的依赖有可能不一样,有些要抹平系统差异会自己安装一些额外的包...
node升级或降级
qq_31380381的博客
02-12 1852
1. 查看目前 node版本 输入node -v 2. n模块是专门用来管理nodejs的版本，安装n模块 输入npm install -g n 3. 查看电脑上安装的node版本都有哪些 输入n 3.升级或降级node版 降级成15.14.0，输入sudo n 15.14.0 4.n的其他常用命令： n stable // 把当前系统的 Node 更新成最新的 “稳定版本” n lts // 长期支持版 n latest // 最新版 n 10.14.2 //
【node.js】webpack 打包出错相关问题（WARNING in Configuration）
汪小穆的博客
04-14 4242
前言：有许多人webpack安装成功，webpack出现打包失败的问题。一、问题一：4.0以上版本的webpack的问题webpack4.0以上版本的webpack的脚手架webpack-cli已经被被分离出来了，需要另外安装。安装命令：npm install webpack  --g npm install webpack-cli  --g安装成功后如果像上篇文章中那样输入打包命令：webpac...
node版本18以后无法启动和打包（报错：digital envelope routines::unsupported）
qq_17627195的博客
02-16 1893
对允许算法和密钥大小增加了严格的限制，可能会对生态系统造成一些影响。故此以前的项目在升级。
关于vue3启动的一些错误总结
Benxiaohai_311的博客
10-12 1660
解决办法：–legacy-peer-deps 作用：在NPM v7中，现在默认安装peerDependencies。在很多情况下，这会导致版本冲突，从而中断安装过程。--legacy-peer-deps标志是在v7中引入的，目的是绕过peerDependency自动安装；它告诉 NPM 忽略项目中引入的各个modules之间的相同modules但不同版本的问题并继续安装，保证各个引入的依赖之间对自身所使用的不同版本modules共存。
vue antdesign 今天打包项目出现报错，请求不到数据问题
艾米的猫儿的博客
04-06 538
请求 cdn 网络超时问题处理
nvm装双node解决nodo18版本启动或打包项目报错
qq_44737915的博客
08-10 836
nvm解决node版本过高问题
Node.js18跑Vue项目的03000086错误问题
m0_51379237的博客
03-02 1285
Node.js18版本产生的03000086错误。
详解使用nodeJs安装Vue-cli
10-19
主要介绍了详解使用nodeJs安装Vue-cli，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
基于NodeJS和Vue的停车场点位系统设计源码
04-15
基于NodeJS和Vue的停车场点位系统设计源码，该项目包含178个文件，主要文件类型有91个TypeScript源文件，44个Vue前端文件，以及21个json配置文件。此外，还包括4个gitignore文件用于版本控制，3个Markdown文档用于...
基于NodeJs和Vue的WebSocket网络聊天室设计源码
04-16
本源码项目是基于NodeJs和Vue的WebSocket网络聊天室设计，包含41个文件，主要使用JavaScript、Vue和...通过该项目，开发者可以学习并实践NodeJs和Vue技术的集成，为后续的Web开发奠定基础。适合用于各类实时通信场景。
npm run build 打包不成功解决
qq_57980267的博客
03-11 3942
回顾一下问题，打包的时候老出现这个问题 jar不是内部或外部命令，心想我打包跟这个jar有啥关系，先把node卸载了 重新换了版本在打包还是这个错误，去问了一下我们老大，他告诉我应该是node下载的时候安装的环境不对，让我自己百度解决，然后我就在网上找了一篇关于安装node的教程 https://blog.csdn.net/xinpz/article/details/81871785 搭建 vue 开发环境: node.js安装+vue脚手架配置_xinpz的博客-CSDN博客_node v...
node打包时遇到的问题荣耀 honor 阿里 233 4399 vivo
qq_42015021的博客
11-27 1976
这种情况下，可以修改目录的文件名。比如d://123123123//123456.txt，可以修改为d://1//123456.txt，完美解决问题。https://www.aigei.com/tool/image/bg快手联运包kwai有android-base版，android-base(androidx)版. 由于kwai（androidx）版引入了androidx的相关依赖以及appcompat等，而我们聚合sdk demo以及游戏工作室中使用了android-support-v4。存在资源冲突，所
nodeJS 12.16.1 + webpack 4.XX打包报错 invalid argumnet,mkdir
StoneVivi的博客
04-06 448
nodeJS 12.16.1 + webpack 4.XX打包报错 invalid argumnet,mkdir 项目用的是vue-cli 2.X+webpack 4.X版本搭的，需要用node 8.5以上版本进行打包，近期发现用node 12.16.1打包会报以下错： 原因目前未知，网上找了好久相关信息，暂时没有找到。。。先mark一下。 ...
升级Node版本遇到的问题
yangyanqin2545的博客
01-26 507
安装react项目的时候，告诉我要升级Node,，紧接着我将Node升级了，创建了react项目，但发现我之前的vue项目在运行的时候都会出错，原来是Node版本太高，不兼容sass，继而我又将最新的Node版本卸载，安装了之前的Node,一切才算恢复正常。。。 ...
利用nvm动态调整nodejs版本，解决因为node版本过高或过低导致项目无法运行和打包
qq_29454203的博客
06-09 2408
利用nvm动态调整nodejs版本，解决因为node版本过高或过低导致项目无法运行和打包
openlayers绘制经纬网格，有添加或者移除功能
最新发布
qq_52959651的博客
05-21 219
我的项目是vue写的，当点击多选框显示隐藏经纬网格，下面直接写代码。项目需要在地图中添加经纬网格，然后看了一下官网有相关的介绍。这是删除图层相关的网站。这是绘制经纬网格方法。
nodejs+vue怎么连接连接前后端
04-30
Node.js和Vue.js都是非常流行的前端和后端技术。为了连接这两个技术，我们可以采用以下步骤： 1. 开发后端： 使用Node.js构建后端服务，提供API接口。可以使用任何适合的框架，比如Express、Koa等。 2. 安装CORS： 在Node.js中安装cors以允许跨域资源共享，因为我们将会从vue前端连接到后端Node.js服务。 3. 开发前端： 使用Vue.js构建前端，可以使用Vue CLI或者其他适当的方式。使用vue-router轻松构建应用程序路由系统。 4. 连接前后端： 使用Axios或fetch来调用API接口，从Node.js后端获取数据并将其显示在Vue.js前端。 在Vue中，我们可以定义axios来发送异步HTTP请求。我们可以发送GET、POST、PUT等HTTP请求。比如，我们可以定义一个从后端获取数据的axios实例： ``` javascript import axios from 'axios'; const instance = axios.create({ baseURL: 'http://localhost:3000/api', // 后端接口地址 }); export default instance; ``` 然后，在Vue组件中，我们可以使用这个实例来发送HTTP请求。举个例子，我们可以获取用户列表： ``` javascript <script> import api from '@/services'; export default { data() { return { users: [], }; }, created() { api.get('/users') .then(response => { this.users = response.data; }) .catch(error => { console.log(error); }); }, }; </script> ``` 在这个例子中，我们使用Axios从后端Node.js服务获取用户列表，然后将它保存在Vue.js的数据中。这样，在前端页面上就可以显示这些用户了。 综上，这是使用Node.js和Vue.js连接前后端的一些简单步骤。有了这个基础知识，我们可以更深入的学习和应用这两个技术来构建更好的Web应用程序。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值