vue github项目打包遇到的坑

已于 2022-11-19 15:31:20 修改
阅读量437 收藏
点赞数
CC 4.0 BY-SA版权
文章标签： vue.js javascript npm
于 2022-10-13 14:20:37 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_44553739/article/details/127300324
本文记录了作者在初次尝试使用Vue进行项目打包时遇到的问题及解决过程。主要问题包括npm run build命令未定义、构建过程中出现模块缺失等。通过检查package.json文件及项目配置，最终成功完成项目打包。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

vue github项目打包遇到的坑

首先声明本人没学习过vue，因此这些坑可能不算坑？

error1 是npm run build报错： missing script: build

在这里插入图片描述

查阅资料后发现，在package.json文件内定义的是使用npm run build:prod命令
在这里插入图片描述

error2 是 vue-admin-template@4.4.0 build:prod: vue-cli-service build

报错信息如下
在这里插入图片描述

当时以为是包安装有问题,尝试以下解决方案。

  1. 首先尝试删除node_modules包，怀疑为包损坏，重新执行npm run i-------------(未解决)
  2. 重新安装 npm install -g @vue/cli -------------(未解决)
  3. 细看报错信息为有个module未找到，查看当前项目main.js 发现
    在这里插入图片描述
    这个mock并没有在当前项目中，应该是作者粗心未删除，注释此行！重新npm run build:prod 成功！
GlæUCame
关注
vue项目打包报错“vue-cli-service build ”
K_lele的博客
09-27 2204
vue 打包
npm run build报错 build: `vue-cli-service build`
微风的博客
04-25 1万+
在项目打包中遇到这个问题; 起初删除 node_modules 和 package-lock.json 都删除了 然后再 用npm cache clear --force 清理缓存 再 npm install 以为这样就可以了...结果还是不行 最后 重新安装webpack 结果就可以了 :npm add webpack@4.5.0 如果大家遇到相同的问题 可以试试这个方法 如果我的方法没能帮到大家....那可以再看看别人的 文章.. ...
node版本下报错build: `vue-cli-service build`
热门推荐
斗师——Ace
01-04 2万+
用vue cli3.0生成vue项目时，运行项目出现报错build: `vue-cli-service build`，serve: `vue-cli-service serve` 最后查看发生安装的node -v版本时v12.0，node版本不稳定造成的，所以通过nvm切换到node -v v8.11.2版本，再次运行就可以了。 1. 下载安装nvm： 2. 通过nvm下载安装node8...
Vue 项目运行（打包）报错：vue_element_shop_manage@0.1.0 build: `vue-cli-service build`解决方法
WuqibuHuan的博客
04-07 6529
用vue cli3.0生成vue项目时，运行项目（打包项目）出现报错build: vue-cli-service build，serve: vue-cli-service serve 最后查看发生安装的node -v版本时v12.0，node版本不稳定造成的，所以通过nvm切换到node -v v8.11.2版本，再次运行就可以了。 下载安装nvm： 打开网址我们可以看到有两个版本： nvm-noinstall.zip：绿色免安装版，但使用时需进行配置。 nvm-setup.zip：安装版，推荐使用
vue-cli-service报错
qq_57558631的博客
06-02 3218
1、在项目的根目录下直接运行npm cache clean --force && npm install命令 或者直接运行npm cache clean --force。2、删除node_modules文件夹，然后再执行npm install命令。3、看下是不是你没有在packjson里面设置vue-cli的这个依赖。原因说下，主要这个是因为你手动删了一些东西，导致文件和modules里面对应不了。这个情况比较常见。还有就是缓存的问题导致的。第三个那个一般不存在的。
vue项目打包后上传至GitHub并实现github-pages的预览
11-28
以下是一份详细的步骤指南，涵盖了从打包Vue项目到在GitHub Pages上预览的过程，以及解决可能遇到的问题。 1. **打包Vue项目** 在命令行中，进入Vue项目的根目录，运行`npm run build`命令来打包项目。这将生成一...
vue+netcore项目打包发布部署详细步骤，以及报错处理
最新发布
02-17
本文将详细介绍如何将Vue前端项目和.NET Core后端项目打包、发布、部署到生产环境，并提供一些常见的报错处理方法，以便开发者能够快速定位并解决部署过程中遇到的问题。 首先，无论是Vue项目还是.NET Core项目，...
GitHub优质开源项目-Vue前端项目
2401_84557750的博客
05-25 623
初学vue时曾在网上搜索vue的实战项目源码，无奈大部分都是简单的demo，对于深究vue没有太大的帮助，剩下的一些大部分都是像音乐播放器之类的展示型项目，交互没有预期那么复杂。但我们实际在工作中，经常会遇到有购物车的项目，这类项目因为涉及到money，所以对逻辑严谨度要求高，页面之间交互复杂，又会伴随着登录、注册、用户信息等等，常常会让我们很头疼。因为利用业余时间来做，年前就开始写，又跨个年，周期有点长，项目从零布局到完成共用了2个多月的时间，目前项目已经完成，正在进行一些性能的优化，增加详细的注释。
vue项目上传Github预览的实现示例
12-07
在使用Vue.js构建项目并希望将其部署到GitHub Pages进行预览时，会遇到一些配置和上传的步骤。这里提供了一个详细的实现示例，主要涉及Vue项目的配置调整和Git的使用。 首先，为了使项目能够在GitHub Pages上正确...
Vue项目使用electron打包成.exe文件
08-22
在本文中，我们将深入探讨如何使用 Electron 将 Vue 项目打包成 .exe 文件，以便满足甲方的需求。Vue 项目与 Electron 结合可以创建桌面应用程序，而 Electron 是一个开源框架，允许开发者使用 JavaScript、HTML 和 ...
VueCLi build 编译运行报错404
大数据精读周刊
06-14 1898
（1）项目打包 终端运行命令 npm run build 打包成功的标志与项目的改变，如下图： idea里面点击index.html，通过浏览器运行，出现以下报错，如图： 那么应该如何修改呢？ 具体步骤如下： 1 新建文件vue.config.js 2 module.exports = { publicPath: process.env.NODE_ENV === 'production' ? './' : '/' }; （2）运行打包项目 需要开启服务运行
vue 打包 和 启动 时候的错误 解决方法
朱先森的博客
06-17 3448
原文链接：https://blog.csdn.net/zjjxxh/article/details/127173968。
vue 项目打包时遇到的一些问题
小龙狗的博客
01-23 1万+
标志是在v7中引入的，目的是绕过peerDependency自动安装；它告诉NPM忽略项目中引入的各个modules之间的相同modules但不同版本的问题并继续安装，保证各个引入的依赖之间对自身所使用的不同版本modules共存。[1].【前端开发技巧】npminstallxxxx--legacy-peer-deps到底做了些什么。[2].解决高版本npm无法解析依赖树的报错npmi--legacy-peer-deps。[4].node，npm，vue升级到指定版本。...
vue build 打包遇到bug解决记录
怀着一颗学徒的心
07-27 1516
仔细看每个scripts里面的环境开头都是vue-cli-service，其实只是换了一种方式运行vue-cli-service。
Vue webpack生产环境打包，报错：npm ERR! Failed at the vue-admin-template@4.4.0 build:prod script.
m0_63788617的博客
08-04 1万+
对Vue项目进行开发环境打包时，执行 ‘npm run dev’,可以正常运行项目；查了很多资料，也没找到方法解决，有哪位大佬知道怎么解决吗？
npm run build无法打包 ERR! missing script: build
qq_39224721的博客
11-25 2183
vue项目打包出现错误 PS D:\****\*****> npm run build npm ERR! missing script: build npm ERR! A complete log of this run can be found in: npm ERR! C:\Users\***\AppData\Roaming\npm-cache\_logs\2020-11-25T02_01_03_914Z-debug.log 在package.json中 scripts下有 “buil
【Vue】VUE模板vue-admin-template-4.4.0（Vue + Element UI）使用攻略
See_Star的博客
04-13 4754
2020.7.21更新的vue-admin-template-4.4.0，现在尝试使用一下。 https://github.com/PanJiaChen/vue-admin-template 1 默认允许 安装依赖：npm install 运行项目：npm run dev 登录访问：此时登录的url是前端传送给前端自己，使用mock目录下的模拟数据。所以只运行前端项目，也不会出现任何问题。 2 配置 2.1 中英文切换 修改element-ui语言，找到src/main.js文件 将en import l
vue2/3 - 解决报错 npm ERR! missing script: build（在vue2/vue3项目中，执行build将项目打包时，出现报错missing script: build）
高级前端工程师
03-29 4353
vue2，vue3，npm run build，yarn build，项目打包报错，vue项目build打包错误提示missing script: build，vue打包报错npm ERR! missing script: build，报错详细解决方法，打包失败，build命令无法执行怎么办，vue执行bulid后没反应，vue报错，vite报错，webpack报错，vue项目打包上线提示错误，如何解决missing script: build打包错误，在vue2、vue3项目开发时，将项目打包发布 bui
Missing script: “build“
qq_40055200的博客
07-16 3123
失败的主要原因是package.json中scripts参数为 "scripts": { "dev": "vue-cli-service serve --open", "build:prod": "vue-cli-service build", "build:stage": "vue-cli-service build", "build:development": "vue-cli-service build --mode development", "preview": "n...
使用Vue.js预览GitHub个人资料项目指南
- 从标题和描述中，我们可以看出这个项目结合了多种技术，包括**JavaScript**、**GitHub API**以及**Vue.js**。这样的技术栈使得开发者可以方便地与GitHub交互，并通过Vue.js构建用户友好的界面。 - GitHub API是...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值