Vue - 项目(未编译)上传到 Gitee / GitHub 时不上传 dist 文件夹/看不到（解决方案）

最新推荐文章于 2024-08-02 23:12:44 发布
最新推荐文章于 2024-08-02 23:12:44 发布
阅读量2k 收藏 2
点赞数 1
分类专栏： + Vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44198965/article/details/109104622
版权
+ Vue 专栏收录该内容
226 篇文章 1297 订阅 ¥9.90 ¥99.00
订阅专栏
未编译的Vue项目在上传到Gitee或GitHub时，默认忽略dist文件夹，导致无法查看编译后的静态资源。解决方法是修改根目录下的.gitignore文件，移除忽略dist的配置。
摘要由CSDN通过智能技术生成

前言

未编译的 Vue 项目在上传码云仓库时，却看不到 dist 文件夹，这是由于 Vue 为了节约上传文件的大小，将 dist 文件给禁止上传了。

解决方案

将 vue 根目录下的 .gitignore 文件打开，删除掉 /dist/ ，就可以了。
在这里插入图片描述

王佳斌
关注
专栏目录
订阅专栏
Vue3 - No known conditions for “./lib/locale/lang/zh-cn“ entry in “element-plus“ package（完美解决方案）
王佳斌
08-03 8478
vue3-element-admin运行报错No known conditions for "./lib/locale/lang/zh-cn" entry in "element-plus" package，vue3 vite项目npm run dev运行和npm run build打包时报错No known conditions for "./lib/locale/lang/zh-cn" entry in "element-plus" package，vue3报错No known conditions f
vue项目多环境自动打包后上传至git
weixin_42486911的博客
08-01 784
多环境依赖的第三方库 cross-env (github地址:https://github.com/kentcdodds/cross-env#installation) 1.安装:npm install --save-dev cross-env 2.配置package.json中的scripts(目前只配置了dev,test和production) 3.配置环境 以测试环境为例(开发和生产环境同理) 4.打包脚本deploy.js 步骤: ①.dist包是否存在(存在删除原dist) 是否存在:fs.
vue上传GitHub(gitee)后dist文件不见了
NewDayStudy的博客
03-22 1647
原因：vue为了节约上传文件的大小，将dist文件给禁止上传了； 解决方法：将vue根目录下的.gitignore文件打开，删除掉 /dist/ ，然后保存重新在命令行打包（npm run build）； 打包完成后上传到GitHub（gitee）： git add . git commit -t "说明" git push origin master ...
配置ssh密钥时一直提示指纹生成失败、Key is invalid
最新发布
clion_TQJ的博客
08-02 168
在gitee中配置ssh密钥时一直提示指纹生成失败，在github上添加 ssh key 也报错：Key is invalid. You must supply a key in OpenSSH public key format。但是我跟着试了很多遍仍然报错，于是我自己从头再来了一遍，也就是我重新生成了一下秘钥，没想到讲原本的秘钥覆盖后，再进行配置就一遍成功了！
Vue项目dist文件夹不能上传至github问题
祈澈菇凉
04-29 3856
本地demo上传至github五步曲 https://www.jianshu.com/p/40f48a007c50 想要把项目托管在github上边，通过npm run build进行打包 但是产生的dist文件夹目录被禁止上传 可以看到列表里面，并没有dist文件，也无法生成链接来访问vue的项目。 于是在生成的地址里面无法访问index....
在git上在线预览Vue项目
D_ylong的博客
10-16 397
1.在项目中运行 npm run build 进行打包生成dist文件夹 （注意：打包之后运行dist下index.html，如果什么都没有显示空白，是js，css引入路径错误，在路径前+“ . ”，即可解决问题） 2.运行 git init 让git接管该项目 3.运行git命令，将vue项目保存在git本地仓库中 git status //检测是否有更新 git add . git commit -m' 更新注释 ' （注意：将项目上传之后，会发现git自动跳过了dist文...
Vue在打包上传gitee时看不到dist的解决方法
这里是前端，是不一样的前端
09-04 431
vue项目打包git提交后，在线上看不到dist文件夹 **问题描述：**项目写完后，打包提交到测试环境，发现dist文件夹在本地，并没有提交到测试服务器， 问题原因： vue项目在git打包上传过程中，为了节约包体积，会禁止dist的上传 解决办法： 打开Vue脚手架文件列表中的.gitigone文件把其中的dist给删掉就好了 欢迎大家进群进行技术性的探讨， 群号：954314851 ...
vue几种编译_GitHub - yangjunlong/compile-vue-demo: 编译vue单文件组件
weixin_32043813的博客
12-24 868
编译vue单文件组件背景Vue官方定义了一种名叫单文件组件(SFC)规范的*.vue文件，用类 HTML 语法描述一个 Vue 组件。每个 .vue 文件包含三种类型的顶级语言块 、 和 ，还允许添加可选的自定义块：{{ msg }}export default {data () {return {msg: 'Hello world!'}}}.example {color: red;}This c...
github|一款基于vue+element-ui 的绝佳的通用型、中后台前端框架
programmedbloke的专栏
07-27 4022
vue-admin-beautiful，一款基于 vue+element-ui 的绝佳的通用型、中后台前端框架 vue-admin-beautiful登录页面 vue-admin-beautiful后台效果 效果展示地址：http://beautiful.panm.cn/vue-admin-beautiful/ github地址：https://github.com/chuzhixin/vue-admin-beautiful 安装 # 克隆项目 git clone https://gi
vuecli 编译后部署_vue-cli3.0 进行项目的部署和构建
weixin_39719018的博客
12-21 194
首先如果没有进行 vue-cli3.0 脚手架的安装，就要先进行安装，一下是全局的一个安装命令npm install -g @vue/cli安装了 vue-cli3.0 之后就可以进行项目的构建了，创建项目的命令是：vue create my_pro然后还会展示可以模板的选择，可以通过“上”“下”按键进行切换，然后按 “enter” 进行下一步；其中，第一个 default 是按照默认的配置进行构...
vue项目打包git提交后，在线上看不到dist文件夹
heyNewbie的博客
01-15 3042
问题描述：项目写完后，打包提交到测试环境，发现dist文件夹在本地，并没有提交到测试服务器， 问题原因： vue项目在git打包上传过程中，为了节约包体积，会禁止dist的上传， 解决办法： 打开文件列表中的.gitigone文件 .DS_Store node_modules/ /dist/ npm-debug.log* yarn-debug.log* yarn-error.log...
github无法传文件夹_Remote - Github: 仓库搜索 + 本地编译 ！
weixin_30260191的博客
01-31 155
Remote - Github 让浏览 Github 变得和浏览本地文件夹一样容易，仅仅是 0. 1 的预览版，已经收获大家的诸多好评：牛岱：畅游 Github 的新方式：Remote - Github​zhuanlan.zhihu.com宣传文章得到了轮子哥，量子位等大号点赞：在微博上得到了 Github Daily 的推送：插件介绍视频的播放量也超过了四万！但是初版的 Remote - Git...
环境配置|GitHub——解决Github无法显示图片以及README无法显示图片
也许有一天我们再相逢 睁开眼睛看清楚 我才是英雄！
11-20 1438
环境配置|GitHub——解决Github无法显示图片以及README无法显示图片
vue项目自动打包提交代码到git
weixin_37753201的博客
04-01 1039
没有发布机的情况下，生产环境每次上线打包都需要 本地dist在gitignore注释掉， 在执行打包命令， 再提交dist的代码到git上， 在把gitignore的dist修改回去 重复性工作很多。所以可以优化打包流程，从打包到自动提交git。 下载shelljs ，插件可以执行shell脚本，方便打包提交代码的git指令操作。(shelljs是异步执行的) package.json "build--prod": "node ../../handleDeployer.js production",
github上文件夹都是灰色-解决办法
季诗筱的博客
05-30 9068
之前不知道自己怎么作的，github的.io库就是不好用，经常出现404错误，而且每次push都不成功，还会收到邮件： 在网上找了好久，今天花了1个小时，终于解决了。 之前库中的文件夹是这样的： 可以看到，文件夹全是灰色的。网上说原因是因为，文件夹中包含其他仓库，所以需要删除其中的.git 文件。但是我删除了之后，还是不行。 所以，就直接把文件夹删掉了。git上如何删除一个文件夹？如
vue项目打包-上传GitHub预览
热门推荐
2c不高兴的博客
12-05 1万+
打包Vue项目 当Vue项目完成后，在根目录下打开命令行，输入命令： npm run build 实际上此命令就是执行build.js文件，将项目打包成静态资源。 此命令完成后，项目根目录下会多出一个dist文件夹，dist文件里面有： static文件下包括项目打包后的css、js、img、fonts(字体图标)。 ** 项目资源无法加载 ** 点击index.html,浏览器显示该页面是空白的，打开控制台看到： 这里看到index.html文件中没有加载任何css、js文件，解决方法： 打开项目根
vue项目build打包后提交到git上没有dist目录的解决方案
在写作的路上持续输出。
03-28 2611
vue 项目 npm run build 后的dist 目录上传不到gitee 上的解决方式。
如何将Vue项目部署到Git Page页面实现通过git仓库部署网页
DanielSmith
06-09 1537
最近需要给自己项目组的git项目写一个官网web页面进行展示，于是需要实现这个功能 下面将会主要介绍如何进行文档的部署： 参考官网链接： https://pages.github.com/ （这里假设大家已经会构建一个完整的Vue项目） 创建好之后，按照空仓库的指引: 3. 首先去你打包好的dist文件夹下，cmd到当前文档目录： 根据github的提示命令： 切换到另一个分支： 在新的分支中，添加刚才创建的dist文件内容： 将本文文件commit一下， 这个时候要是报错，可以将上述语
vue项目可以部署到GitHub吗
05-15
是的，Vue项目可以部署到GitHub Pages。以下是一些步骤： 1. 在GitHub上创建一个新的仓库。 2. 将Vue项目上传到该仓库中。 3. 安装GitHub Pages插件，这可以通过在项目根目录中运行以下命令来完成：`npm install gh-pages --save-dev` 4. 在`package.json`文件中添加一个`deploy`命令，如下所示： ```json "scripts": { "deploy": "gh-pages -d dist" } ``` 这将告诉GitHub Pages将Vue项目的编译文件部署到`dist`文件夹中。 5. 最后，运行以下命令： ``` npm run deploy ``` 这将自动将Vue项目的编译文件推送到`gh-pages`分支中，并在GitHub上部署您的Vue应用程序。
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

王佳斌

请作者喝杯咖啡 :)

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

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

打赏作者

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

抵扣说明：

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

余额充值