升级nodejs后vue打包失败

最新推荐文章于 2025-03-21 13:46:58 发布

古辛

最新推荐文章于 2025-03-21 13:46:58 发布

阅读量764

点赞数

分类专栏： Vue 文章标签： vue.js node.js

本文链接：https://blog.youkuaiyun.com/weixin_42278016/article/details/109848142

版权

Vue 专栏收录该内容

3 篇文章

订阅专栏

当升级nodejs后，构建vue工程可能会报编译错误：

 ERROR  Build failed with errors.
npm ERR! code ELIFECYCLE
npm ERR! errno 1

则需要对vue工程进行清理操作：

npm cache clean --force

rm -rf node_modules

rm -f package-lock.json

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

古辛

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

【vue】Nodejs & npm ECMAScript6 路由 webpack打包 vue_cli(脚手架)

snailisBigbull的博客

08-22

678

一.前端技术 1.1 课程安排 1.2 前端技术认识(了解一下下) 1.2.1 前端发展历史 1.2.2 新概念解释 1.2.2.1 Node.js 1.2.2.2 各种前端框架介绍 1.2.2.3 MVVM模式认识 ...

nodejs

weixin_48819493的博客

10-30

1997

nodejs、express、koa2、mongodb

参与评论您还未登录，请先登录后发表或查看评论

nodejs文件打包

06-08

just share to myself ,自己上传，回家下载,

webpack打包报错ERROR in js/app.5997574802e535cd2cca.js from UglifyJs Unexpected token: punc (() [js/app.

风烟

06-27

1991

报错信息 ERROR in js/app.5997574802e535cd2cca.js from UglifyJs Unexpected token: punc (() [js/app.5997574802e535cd2cca.js:45,8] Build failed with errors. 解决方案增加.babelrc文件 { "presets": [ ...

Nodejs 项目打包部署方式

weixin_58495461的博客

03-21

1338

【代码】Nodejs 项目打包部署方式。

nodejs 升级后， vue+webpack 项目 node-sass 报错的解决方法

热门推荐

FungLeo's Blog

11-13

6万+

关于 node 环境升级到 v8^ 以上，node-sass 报错的解决方法今天给同事电脑升级了一下系统，顺便升级了所有的软件，发现原来好好的项目报错了。报错大致信息如下： ERROR Failed to compile with 1 errors 下午1:56

vue项目打包失败问题记录

小混子得得的博客

11-25

9490

"vue": "^2.7.14"项目不知名原因打包失败

node.js打包失败_与专家讨论Node.js-全部失败

culh2177的博客

08-10

1545

node.js打包失败This morning I hosted another session in our Talk with the Experts series – this time the subject was Node.js and the experts wereDon Nguyen, Giovanni Ferron and Mark Dalgliesh (author, re...

基于vite+vue3+pinia+element-plus+ts后台管理系统源码+项目说明.zip

04-10

# npm install 安装失败，请升级 nodejs 到 16 以上，或尝试使用以下命令： npm install --registry=https://registry.npm.taobao.org ``` ## 运行打包 ``` npm run dev npm run build ``` ## eslint+prettier ...

node升级到20导致若依项目启动失败

weixin_45070882的博客

05-28

819

node升级到20导致若依项目启动失败。

vuepress报错总结：cannot find module client.json/document is not defined

xxwyxlf的博客

06-01

2047

1.vuepress build docs打包时提示找不到模块client.json 在我无数次的调试后我发现是版本不兼容的问题，这个博客是我很久之前建立的，当时上传github了，后来卸载过node，反正可能是安装的版本之间不兼容了，这里建议还是在package.json脚本中添加 script:{ ........, "build":"vuepress build docs" } 然后通过npm run build来打包，这样能显示具体报错信息通过修改脚本，然后npm run后，发现具体报错

node.js版本过高，导致vue2 版本的项目无法正常启动

qunwuhui的博客

03-28

9911

node的版本是18 ，vue版本是2；npm install 失败。

node升级版本后，vue项目报错问题解决方法

Liingot的博客

11-07

1701

因为 node.js V17版本中最近发布的OpenSSL3.0, 而OpenSSL3.0对允许算法和密钥大小增加了严格的限制，可能会对生态系统造成一些影响。故此以前的项目在升级 nodejs 版本后会报错。2.2、依赖更新完成以后删掉node_modules。2.1、npm update //更新项目依赖。2.3、重新安装依赖 npm i。node.js的版本问题。

关于Node.js环境下webpack打包出现异常的问题

Mr_John

04-04

1413

当我想把几个js文件进行打包时，出现了如下异常： No configuration file found and no entry configured via CLI option. When using the CLI you need to provide at least two arguments: entry and output. A configuration file could be named 'webpack.config.js' in the current director

解决 SyntaxError: Unexpected token ‘.‘ 报错问题

samll_redhat的博客

05-07

7333

解决 SyntaxError: Unexpected token '.' 报错问题

ERROR in ./js/app.js Module parse failed:/app.js Unexpected token

qq_33004389的博客

04-22

2059

webpack打包js文件报错 ERROR in ./js/app.js Module parse failed:/app.js Unexpected token 使用appium下自带的WebDriverAgent，一直在js文件下报错 ERROR in ./js/app.js Module parse failed: /usr/local/lib/node_modules/appium/no...

Nodejs打包

sen的博客

10-29

576

下载依赖包（web目录下运行） npm install --registry=https://registry.npm.taobao.org 打包（web目录下运行） npm run build

NodeJs 打包

Tomorrow_a的博客

09-12

534

【代码】NodeJs 打包。

【vux报错】Unexpected token: punc ()) UglifyJs报错

老程

08-28

7183

前言这个是我第一次看到webpack打包错误，当时项目等着测试，一直催着，我的天啊，真的是惨啊。各种百度各种问人，都毫无结果，只能是通过最笨的方法到gitlab上面把之前能打包项目拉下来，（这里得多备份），然后尝试把错误的项目文件丢进去了，看看哪个打包的时候出错。错误看到下面的错误： ERROR in static/js/app.f1ffc43414a4b5a20...

这个启动方式能不能改成最简单最原始的方式

最新发布

04-01

<think>好的，用户现在问的是“这个启动方式能不能改成最简单最原始的方式”。首先，我需要回顾之前的对话历史。用户之前提供的是一个旧版Vue项目的package.json内容，我分析了问题并给出了两种解决方案：一种是临时降级Node.js，另一种是升级依赖。现在用户可能觉得这些步骤太复杂，想要更简单、原始的启动方式。首先，我要理解用户的具体需求。他们可能希望不进行复杂的依赖升级或环境调整，直接运行旧项目。可能用户时间紧迫，或者项目只是临时需要运行，不需要长期维护。这时候，最简单的原始方式可能是指使用最少的配置改动，甚至保持原有依赖，只是调整环境或其他设置来让项目跑起来。接下来，我需要考虑用户的实际场景。用户可能对Node.js版本管理不太熟悉，或者不想花时间处理兼容性问题。他们可能更倾向于快速启动，而不关心长期维护。这时候，临时解决方案可能更适合，比如降级Node.js版本，或者使用Docker来隔离环境。然后，我需要评估可能的解决方案。之前提到的方案一就是降级Node.js到v10.x，但用户可能觉得安装nvm或者切换版本麻烦。有没有更简单的办法？比如使用Docker容器，这样用户不需要在本机安装旧版Node.js，而是通过容器运行，这可能更简单，尤其是如果用户熟悉Docker的话。另外，用户可能没有提到他们当前的环境，比如操作系统，是否已经尝试过哪些步骤，遇到了什么具体错误。所以我的回答需要覆盖不同的可能性，同时尽量详细，让用户能够一步步操作。还要注意用户的技术水平。他们可能不是特别熟悉前端构建工具，所以步骤需要详细，命令要准确，避免使用专业术语过多，或者解释清楚术语。例如，在说明如何修改package.json的时候，需要给出具体的代码块，并指出需要替换哪些部分。另外，用户的问题可能隐含了他们已经尝试过之前的建议，但遇到了困难，或者想要更直接的方法。这时候，需要提供更简化的步骤，比如直接修改启动脚本，或者使用更简单的服务器，比如http-server，避免复杂的构建过程。可能还需要考虑是否存在其他问题，比如缺失的配置文件，或者依赖安装失败的情况。这时候，补充如何恢复配置文件或者处理依赖问题也是必要的。最后，要确保回答结构清晰，分步骤说明，每个步骤都有明确的命令或操作，让用户能够轻松跟随。同时，提供备选方案，比如Docker的使用，让用户可以根据自己的情况选择最适合的方法。</think>可以，若希望以最简化的方式启动旧版Vue项目（不升级依赖、不改动代码），以下是两种最原始的启动方案： --- ### **方案一：纯静态服务器启动** **适用场景**：仅需查看页面效果，不涉及动态构建 1. 直接使用浏览器打开`dist/`目录中的静态文件 ```bash # 生成构建产物（假设已有打包好的dist目录可跳过） npm run build # 安装轻量静态服务器 npm install -g http-server # 启动服务 http-server ./dist -p 8080 ``` - ✅ 优点：完全绕过Webpack/Babel构建流程 - ❌ 限制：无法热更新，需手动刷新浏览器 --- ### **方案二：锁定原始环境** **适用场景**：需要保留原有构建流程 #### **步骤1：强制匹配Node.js版本** - **Windows/Mac**：安装Node.js v10.x（Webpack 3.x兼容的最高版本） [Node.js 10.24.1下载地址](https://nodejs.org/download/release/v10.24.1/) - **Linux**（使用`nvm`管理版本）： ```bash curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.7/install.sh | bash nvm install 10.24.1 nvm use 10.24.1 ``` #### **步骤2：修复缺失配置文件** 检查项目根目录是否包含以下关键文件（若缺失需补全）： ``` build/ ├── webpack.base.conf.js # 基础Webpack配置 ├── webpack.dev.conf.js # 开发环境配置 └── webpack.prod.conf.js # 生产环境配置 ``` #### **步骤3：原始启动命令** ```bash # 清理缓存并安装依赖 rm -rf node_modules/ package-lock.json npm install --legacy-peer-deps # 强制安装旧版依赖 # 启动开发服务器 npm run dev # 对应scripts中的"webpack-dev-server ..." ``` --- ### **备选方案：Docker容器化** 若不想污染本地环境，可使用Docker锁定运行环境： ```dockerfile # Dockerfile FROM node:10.24.1-slim WORKDIR /app COPY package.json . RUN npm install --legacy-peer-deps COPY . . CMD ["npm", "run", "dev"] ``` 构建并运行： ```bash docker build -t vue-legacy . docker run -p 8080:8080 vue-legacy ``` --- ### **关键注意事项** 1. **依赖安装冲突** 若出现`npm ERR! peerDependencies`错误，可强制安装： ```bash npm install --force --legacy-peer-deps ``` 2. **ESLint干扰** 临时关闭代码校验（在`webpack.dev.conf.js`中注释相关loader）： ```js // 原配置 { test: /\.(js|vue)$/, loader: 'eslint-loader', enforce: 'pre' } ``` 3. **浏览器兼容性** 建议使用Chrome 60+ 或 Firefox 55+ 等2017年前后发布的浏览器版本 --- 这种方式最大限度保留了项目原始状态，适合短期维护或历史项目存档需求。如需长期开发，仍建议参考之前的升级方案。