前端：npm run build 成功后卡住解决方式

最新推荐文章于 2024-05-26 23:00:15 发布
原创 最新推荐文章于 2024-05-26 23:00:15 发布 · 1.2k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

 vue.config.js 里注释掉以上代码

NDlib：npm启动网络演化可视化项目（SIR模型）
Cachel Wood的博客
02-27 741
接下来可以创建网络模型（Create Network），添加model，以及启动迭代（Run iteration）。
Dockerfile 构建 Vue 镜像踩坑记
Testerhomee的博客
04-01 702
原文由底层贫困人员发表于TesterHome社区，点击原文链接可与作者直接交流。 背景 目前在公司维护的测试工具平台，有时候前端需要更新，改完前端 Vue 项目之后，还得在执行 npm run build 打包整个项目，再把打包好的整个项目拷贝过去后端项目中，这一步骤非常繁琐且不符合前后端分离的思想；为此考虑使用 Nginx 部署前端项目，后期可以配合 rancher 进行 CICD。 Dockerfile 详解 # 构建镜像基于onbuild_vue:v1镜像 FROM harbor.bluemoon.
Vue 解决 npm run build 打包卡住不动的问题？
rulai2017的博客
07-01 8213
Vue 解决 npm run build 打包卡住不动的问题？
关于npm run build 卡住不动的坑。。。
weixin_30849403的博客
06-20 7570
起因：最近开发个项目使用的vue，有些功能需要生产版本放服务器上测试，这就出问题了。。卡住了，不动了，还不报错 这是在vscode的终端里面，试了git hash，试了cmd ， 试了powershell，都是一个样子，这就很尴尬了， 试着执行了 npm run dev， npm i，都能正常运行； 然后，又试了下cnpm i， 咦 ！ 有猫腻，一样卡住了 然后就百度了一哈，其实我搞不懂 c...
npm run build 后卡住不动
qq_33239420的博客
09-17 1763
npm run build 后卡住不动 npm build之后进行到node build/build.js就不动了,是因为npm版本问题导致的,由于用了淘宝镜像,发现cnpm修改了build配置,注释掉版本检测后解决 但注释不是好的解决办法,我们重置回原来的配置最好 npm config set registry http://registry.cnpmjs.org 然后再运行npm run ...
npm run build 卡住不动
Theshy_shuai的博客
08-17 2720
通过webpack打包无反应
Vue项目中npm run build 卡住不执行的几种情况(实战版)
在北风吹起的时候加入我们的队伍 在秋雨到来的时候成为彼此的温暖
05-26 3781
一：比较常见是镜像导致的原因 我们可以找到build/check-versions文件 将这段代码注释,重新运行就可以解决这个问题。组件1中 import from ‘@/views/compontent/popup2’组件2中 import from ‘@/views/compontent/popup3’组件3中 import from ‘@/views/compontent/popup1’导致项目编译进入了死循环。
实验12 Vue环境配置 一、实验目的 1. 理解前端脚手架的概念和价值。 2. 掌握使用Vite创建Vue项目的完整流程。 3. 熟悉标准Vite+Vue项目的目录结构。 4. 掌握使用npm脚本命令启动开发服务器和打包项目。 5. 建立前端工程化和模块化开发的基本意识。 二、实验要求 1. 运用Vue中不同的事件类型，体会对应的响应内容，并在控制台打印效果。 2. 在按键类型中添加不同的按键修饰符，体会不同修饰符对应的功能。 三、实验内容（要做的题目） 1. 使用Vite成功创建一个名为my-vue-app的Vue项目。 2. 在项目配置中，输入对应选项 3. 安装依赖 4. 成功启动开发服务器，并在浏览器中访问http://localhost:5173，看到Vue欢迎页面 5. 修改部分文字内容，观察浏览器的更新效果 6. 运行npm run build命令，观察项目根目录下生成的dist文件夹，了解生产环境构建的产物 四、实验步骤 请严格按照以下步骤操作： 步骤零：实验环境与检查 下载VSCODE和Node.js并安装。 打开终端/cmd，输入node -v，检查node安装情况。 输入npm，检查npm指令效果。 步骤一：创建项目 1. 在电脑上选择一个合适的工作目录（例如D:\vuecode）。 2. 在此目录下，在上方的地址栏输入cmd后按回车，或直接在VS Code中通过 Ctrl+`快捷键打开集成终端。 3. 在终端中输入以下命令并回车： npm create vite@latest 随后你会进入一个交互式的项目配置流程，请参考下图或下方的文字说明进行选择 还可能出现的问题： - Project name: my-vue-app(可以直接回车用默认名，或自己起名，不要用中文和空格) - Add TypeScript?:No - Add JSX Support?:No - Add Vue Router for Single Page Application development?: Yes - Add Pinia for state management?: No - Add Vitest for Unit testing?: No - Add an End-to-End Testing Solution?: No - Add ESLint for code quality?: Yes - Add Prettier for code formatting?: Yes 步骤二：安装依赖 1. 创建完成后，通过cd命令进入项目文件夹： cd my-vue-app （通过cd.. 可以退回上一层文件夹） 2. 安装项目运行所必需的所有第三方库（依赖）： npm install 注意：此过程会从网络下载资源，请耐心等待，直到命令行出现类似added XX packages的提示，且没有报错。 步骤三：启动开发服务器 1. 在项目目录下，运行启动命令： npm run dev 2. 命令行中会出现Local: http://localhost:5173/的提示。 3. 按住Ctrl键并鼠标点击该链接，或在浏览器地址栏中手动输入此地址并访问。 4. 如果看到Vue的欢迎页面，任务已完成！请立即截图保存。 步骤四：探索与修改 用VS Code打开你的my-vue-app项目文件夹。 在左侧文件资源管理器中，找到并打开src/components/HelloWorld.vue文件。 尝试修改其中的某段文字（例如，将 "You did it!" 改为 "我成功啦！"），然后保存文件。 回到浏览器，你会发现页面内容自动更新了，这就是Vite提供的热更新功能。 五、补充： （一）常用指令速查表 （二）常见问题与解决方法 (Q&A) 1. 关于环境（遇到所有问题，首先退出vscode，桌面vscode选择管理员打开，再进行xia'mi操作） Q1: node -v 无法识别怎么办？ Q2: npm -v 无法识别怎么办？ Q3: 新建项目，可以正常运行，但是报错怎么办？ Vue3 在VSCode新建项目报错The template root requires exactly one element.解决方法_vscode如何关闭vue3的template下只有一个子元素的报错-优快云博客 点击左侧第四个图标：插件 输入框搜索vetur 点击设置图标，选择设置里的扩展设置 滑动鼠标滑轮，到最下方找到：Vetur>validation>template，取消勾选 重新运行 2.可能遇到的其他问题（以及可能起作用的做法） Q1: 执行npm create vue@latest时命令卡住或报错，提示网络问题。 A1: 这通常是由于网络连接npm官方源速度慢导致的。 方法一（推荐）： 使用国内镜像。运行以下命令后重试： npm config set registry https://registry.npmmirror.com/ 方法二： 使用cnpm。先安装cnpm，然后用cnpm执行创建命令： npm install -g cnpm --registry=https://registry.npmmirror.com cnpm create vue@latest Q2: 运行npm run dev时提示端口 5173 已被使用。 A2: 这表明你电脑上已经有其他程序占用了5173端口。 解决方法： 在运行命令时指定一个新的端口号，例如使用3000端口： npm run dev -- --port 3000 然后改为访问http://localhost:3000即可。 Q3: 在哪里输入这些命令？ A3: 方式一（推荐）： 在VS Code中打开项目文件夹，然后按 Ctrl+` (反引号键) 打开集成终端。 方式二： 在文件管理器中进入你的项目文件夹，在上方地址栏输入cmd或powershell后按回车。 Q4: 执行npm install时报错，包含ERESOLVE unable to resolve dependency tree。 A4: 这通常是依赖版本冲突。 解决方法： 尝试在命令后加上--force或--legacy-peer-deps标志： npm install --legacy-peer-deps Q5: 我修改了代码，但浏览器没有自动更新。 A5: 1. 确保你的开发服务器 (npm run dev) 正在运行。 2. 确保你修改文件后已保存 (Ctrl+S)。 3. 尝试手动刷新一下浏览器页面。 （三）遇到问题怎么办？ 首先，仔细阅读本说明的第六部分。 其次，善用网络搜索（如：在百度或Bing搜索“npm create vue 报错 xxxx”等关键词）,多尝试。 最后，可以向老师或同学求助。 注: 请注意，由于个人电脑的环境配置（如操作系统、Node.js版本等）存在差异，实验步骤与问题解决方法并非唯一标准。若遇到问题，请保持耐心，仔细分析报错信息，并尝试多种解决思路。鼓励已完成基础任务的同学协助身边的同伴，共同排查问题，这本身也是一个宝贵的学习过程。
最新发布
11-22
npm run dev ``` 启动成功后，在浏览器中访问 `http://localhost:3000` 即可看到项目页面。 #### 6. 代码修改更新 在 `src` 目录下修改代码，保存后浏览器会自动更新页面，这得益于 Vite 的热更新功能。 ### 常见...
为什么在容器中有dist，且路径设置了{ "$schema": "../node_modules/@tauri-apps/cli/config.schema.json", "productName": "my-tauri-app", "version": "0.1.0", "identifier": "com.tauri.dev", "build": { "frontendDist": "../dist", "devUrl": "http://172.19.123.45:1573", "beforeDevCommand": "npm run dev", "beforeBuildCommand": "npm run build" }, 导出的COPY --from=tauri-builder /app/src-tauri/target/release/bundle/appimage/*.AppImage /artifacts/ 在运行时还是会无法显示UI界面
11-03
但如果前端代码里硬编码了 API 地址、WebSocket 地址等，仍然会尝试联网 → 导致界面卡住或报错。 --- ## ✅ 解决方案汇总 ### ✅ 修复 1：确保 `frontendDist` 路径真实可访问 修改 Dockerfile，明确验证文件...
docker流水线部署前端项目的坑
dingk1995的博客
10-24 1667
docker流水线部署前端项目的坑 问题描述 使用Rancher自带的流水线部署一个nodejs编写的前端项目，遇到的问题是：本地build前端项目是可以通过的，但是在流水线的容器中build的时候却失败 问题截图 build过程的log记录 解决过程 网络问题 根据报错的日志来看，貌似是build过程中有些依赖没下下来，毕竟npm有时候下载依赖包也不是很全，再加上众所周知的网络问题，想要痛快的访...
npm run build 打包成功 之后 卡主
echo_Ae的博客
11-24 3451
前言 因为我node版本太低级了，别的项目需要node版本在15.x以上，然后我就升级了，但是会发现之前旧的项目打包会遇到问题。 问题 node14.xx就不会遇到这种问题，但是node15.xx以上就会，我的项目是vue2.x多的。 执行npm run build 会执行 node build/build.js 命令 执行完会卡主。 Build complete. Tip: built files are meant to be served over an HTTP server...
npm run build打包卡住
StoneVivi的博客
05-07 8574
npm run build打包卡住 最近在项目中遇到执行npm run build 打包时，一直卡在 building for production... 。 做过以下尝试还是未解决，有咩有大佬路过帮忙解决一下？ 万分感谢！ 1.将npm 的源改成淘宝镜像 网上好多人说，将npm 的源改成淘宝镜像，但是公司的开发环境是公司内网，走的是私服，这条行不通。 2.排除本地代码错误 让同事帮忙打包，看看同...
关于执行 npm run build 打包的时候一直卡着不动的问题-- 显示： node  build/build.js
qq_40259123的博客
05-29 3061
卡着不动显示：nodebuild/build.js 在执行命令之前先运行：npm config set registry http://registry.cnpmjs.org 然后再打包：运行--- npm run build 这样子就好了！
vue项目打包：npm run build 进程卡死
草巾冒小子的博客
11-18 4683
vue项目打包：npm run build 进程卡死？！ 解决方法 也挺简单找到以下文件注销监测npm代码 文件的路径和处理办法如下：（注释掉第19~25行的代码即可） 以上就是关于“ vue项目打包：npm run build 进程卡死” 的全部内容。 ...
前端打包后生成的dist/build目录，如何在本地启动服务运行
博哥的二进制世界
10-27 4891
前端打包后生成的dist/build目录，如何在本地启动服务运行1. 全局安装live-server插件2. 在dist/build文件夹（刚刚打包成功后多出来的文件夹）终端输入3. 浏览项目 1. 全局安装live-server插件 npm install -g live-server 2. 在dist/build文件夹（刚刚打包成功后多出来的文件夹）终端输入 live-server 3. 浏览项目 默认监听在8080端口，打开浏览器，输入localhost:8080 就可以预览了 ...
js 前端打包的build文件怎么在本地运行
water_Popcorn的博客
04-17 1090
步骤二：在build目录下打开cmd，输入。步骤一：全局安装live-server。步骤三：打开浏览器输入。
vue执行 npm run build 一直卡住
你当像鸟飞往你的山~~
03-18 4802
vue执行 npm run build 一直卡住，如下图 解决方法： 将下代码注释掉 保存，重新执行，即ok！
npm run build 后卡住不动了
热门推荐
lotte
04-10 1万+
build后就这样不动了重启也不行 查了一下解决方法也挺简单找到以下文件注销监测npm代码 注销后解决 如果还是不行 更新npm版本尝试 npm版本与node版本不匹配 ...
vue项目build完毕后无法退出的问题
tearsknow的专栏
09-29 3141
老项目使用的vue2.5+webpack2开发，最近对项目进行更新，打包时执行命令一直卡住无法退出,但它其实已经编译完毕。node版本大于或等于v15会出现卡住的情况。
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

励志重写JDK

你的鼓励将是我创作的最大动力

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

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

打赏作者

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

抵扣说明：

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

余额充值