vue 打包后找不到dist文件夹

最新推荐文章于 2025-05-06 18:27:06 发布
最新推荐文章于 2025-05-06 18:27:06 发布
阅读量6.3k 收藏 3
点赞数 1
分类专栏： vue 报错集 文章标签： vue.js javascript 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_58518380/article/details/120989232
版权
在接手一个未完成的项目时，遇到npm run build后dist目录缺失的情况。问题在于配置文件config/index.js中，打包路径已被修改。通过恢复默认设置，使用__dirname获取当前路径，成功解决了打包问题。

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

接受一个别人做了一半的项目  , 结果要打包测试的时候  执行npm run build 后 没有dist 文件

看了一下 config文件夹里面的index.js 文件 的build对象, 

原来是默认的打包路劲被修改了 , 修改回来就好了,

__dirname是获取当前位置的绝对路径

vue项目打包后提交到git上为什么没有dist这个文件？，前端web前端开发
m0_74931167的博客
04-04 1094
*.zip 不过滤所有.zip文件!/mtk/do.c 不过滤该文件以斜杠开头表示目录；以星号通配多个字符；以问号?通配单个字符以方括号[]包含单个字符的匹配列表；以叹号!表示不忽略(跟踪)匹配到的文件或目录；此外，git 对于 .ignore 配置文件是按行从上到下进行规则匹配的，意味着如果前面的规则匹配的范围更大，则后面的规则将不会生效；说明：忽略目录 fd1 下的全部内容；注意，不管是根目录下的 /fd1/ 目录，还是某个子目录 /child/fd1/ 目录，都会被忽略；
vue项目打包后提交到git上为什么没有dist这个文件的解决方法
01-22
vue项目中使用npm run build打包后会生成一个dist文件，使用git推送项目后，发现git上少了一个dist文件，为什么明明本地项目中有这个文件而推上去就没有了呢？ 这里会先介绍.gitignore，不想看的 请直接跳过介绍 看解决办法 一、.gitignore 介绍 这里向大家简述一下.gitignore这个文件 一、简绍 我们做的每个Git项目中都需要一个“.gitignore”文件，这个文件的作用就是告诉Git哪些文件不需要添加到版本管理中。比如我们项目中的npm包(node_modules)，它在我们项目中是很重要的，但是它占的内存也是很大的，所以一般我们用Git管理
关于jeecg前端项目使用yarn build打包找不到dist包的问题
upStar1的博客
07-01 1429
今天第一次打包，打包完找了半天没看到dist包。搜了半天也没找到。最后发现，jeecg的项目主要还是要看vue.config.js文件，里面写了outputDir（输出文件目录）是html，所以只要把html这个文件夹发给后端就行。 ......
vue 打包后找不到资源文件
一个有思想的新时代农民工的博客
05-13 3966
前一段时间我们写了一个项目，在本地是好的，但是布到线上发现有些字体图标找不到，然后就各种找问题，最后确认是资源文件路径没引用正确导致的， 怎么解决呢： 1、在build的utils文件中配置 if (options.extract) { return ExtractTextPlugin.extract({ use: loaders, publicPath:'../../', // 此处添加 fallback: 'vue-style-loader'
.gitignore文件说明
weixin_43974311的博客
09-11 945
一、简绍 我们做的每个Git项目中都需要一个“.gitignore”文件，这个文件的作用就是告诉Git哪些文件不需要添加到版本管理中。比如我们项目中的npm包(node_modules)，它在我们项目中是很重要的，但是它占的内存也是很大的，所以一般我们用Git管理的时候是不需要添加npm包的。 二、常用的规则 /mtk/ 过滤整个文件夹 *.zip 过滤所有.zip文件 /mtk/do.c 过滤某个具体文件 以上规则意思是：被过滤掉的文件就不会出现在你的GitHub库中了，当然本地库中还有，只是push的时
单页面 ( SPA ) Web应用
飘雪的博客
08-02 662
单页Web应用（single page web application，SPA），就是只有一张Web页面的应用。单页应用程序 (SPA) 是加载单个HTML 页面并在用户与应用程序交互时动态更新该页面的Web应用程序。 浏览器一开始会加载必需的HTML、CSS和JavaScript，所有的操作都在这张页面上完成，都由JavaScript来控制。对单页应用来说模块化的开发和设计显得相当重要。 SP...
vue项目打包后提交到git上为什么没有dist这个文件？，有备无患
2401_84097798的博客
04-04 757
资料过多，篇幅有限，需要文中全部资料可以点击这里免费获取前端面试资料PDF完整版！自古成功在尝试。不尝试永远都不会成功。勇敢的尝试是成功的一半。资料过多，篇幅有限，需要文中全部资料可以点击这里免费获取前端面试资料PDF完整版！自古成功在尝试。不尝试永远都不会成功。勇敢的尝试是成功的一半。
详解webpack打包vue项目之后生成的dist文件该怎么启动运行
10-16
webpack打包vue项目之后生成的...通过以上步骤和知识点的说明，我们可以了解到webpack打包Vue项目的`dist`文件后如何通过Express服务器进行部署和运行。这对于Vue和Node.js结合的全栈开发来说是十分基础且重要的操作。
vue打包静态资源后显示空白及static文件路径报错的解决
10-14
如果路径配置错误，就会导致打包后的页面找不到这些资源文件。解决这个问题的一个方法是使用相对路径在代码中引用静态资源。例如，原本使用的是'/static/img/logo.png'，可以改写为'./static/img/logo.png'，以确保...
vue cli3.0打包上线静态资源找不到路径的解决操作
10-15
在使用 Vue CLI 3.0 进行项目打包时，可能会遇到静态资源（如图片、CSS、JavaScript 文件等）找不到路径的问题。这个问题通常出现在部署到服务器后，因为本地开发环境与线上环境的资源路径不同。以下是如何解决这个...
vue-cli打包后本地运行dist文件中的index.html操作
10-14
在打包完成后，我们通常需要将dist文件夹中的内容部署到服务器上，但在部署之前，往往需要在本地环境中测试打包后的应用是否正常运行。这一步骤对于确保部署前的应用稳定性和功能完整性是必不可少的。 描述中提到的...
Vue 项目打包后环境变量丢失问题（清除缓存），区分.env和.env.*文件
redrun博客
11-14 1967
通过上述方法，我们可以有效地解决 Vue 项目在打包后，环境变量丢失的问题。确保.env文件正确配置。清除缓存并重新打包。使用检查环境变量是否正常加载。使用 webpack明确注入环境变量。确保部署环境配置了正确的环境变量。
Vue3项目打包后资源找不到
LueLueLue77的博客
06-10 7549
vue项目打包后放到服务器上资源找不到，解决办法
vue项目build打包后提交到git上没有dist目录的解决方案
在写作的路上持续输出。
03-28 2747
vue 项目 npm run build 后的dist 目录上传不到gitee 上的解决方式。
idea中build项目之后生成的target看不见
qq_44761854的博客
12-09 560
1、第一步 2、勾选
vue打包不生成dist文件夹（IDEA使用命令行npm run build命令打包）
热门推荐
qq740874037的博客
07-04 1万+
使用IDEA进行vue打包导致的不生成dist文件夹或打包部署不生效问题
setup 函数在 Vue 3 中的作用是什么？什么时候会执行
最新发布
Bruce__taotao的博客
05-06 1159
setup()函数是Vue 3 中 Composition API 的核心入口，它在组件生命周期中扮演了非常关键的角色。setup()是 Vue 3 中组件逻辑的统一入口，在组件创建前执行，用于定义响应式状态、逻辑封装、生命周期注册、事件触发等，是 Composition API 的核心支点。就是把setup()函数**“自动内联展开”，省略return {}等冗余写法，让你写的每一行代码自动在 setup 环境中执行**。
vite 打包不生成dist文件夹
05-09
如果你使用 Vite 进行打包却没有生成 `dist` 文件夹的话，可能有以下几个原因： 1. 没有正确配置 `build` 命令 在 `package.json` 文件中，`build` 命令应该被配置为 `vite build`，如下所示： ```json { ...
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

阿妖呀

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

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

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

打赏作者

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

抵扣说明：

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

余额充值