vue 打包后找不到dist文件夹

最新推荐文章于 2024-05-17 14:32:46 发布
最新推荐文章于 2024-05-17 14:32:46 发布
阅读量5.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 文件 的build对象, 

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

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

阿妖呀
关注
  • 1
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 3
    评论
专栏目录
解决vue项目 build之后资源文件找不到的问题
01-19
解决静态资源失效的问题 这就需要修改我们的 config 中的 index.js了，默认的build 中的部分是这样的： build: { // Template for index.html index: path.resolve(__dirname, '../dist/index.html'), // Paths assetsRoot: path.resolve(__dirname, '../dist'), assetsSubDirectory: 'static', assetsPublicPath: '/', 修改之后的应为这样的: build: {
如何修改Vue build过后的dist文件的位置
qq_43575827的博客
11-15 2216
文件编译后部署到服务器静态文件夹 由于前端每一次部署过后都会生成新的dist文件，但是这个时候后端也要将服务器上的文件更新，为了减少麻烦，这样我们就可以将生成的dist文件夹直接放到服务器文件夹上。 按照下图指示的位置上更改就可以了 index是index文件生成的位置 assetsRoot是dist文件生成的位置。 ...
vue-cli3使用yarn run build打包找不到路径
weixin_30869099的博客
08-12 3543
vue-cli3使用yarn run build打包项目部署到服务器上面，运行空白 解决办法非常方便，直接创建vue.config.js 在vue.config.js中添加即可 再打包项目即成功 转载于:https://www.cnblogs.com/smart-girl/p/11339758.html...
vue项目打包后提交到git上为什么没有dist这个文件的解决方法
01-22
vue项目中使用npm run build打包后会生成一个dist文件，使用git推送项目后，发现git上少了一个dist文件，为什么明明本地项目中有这个文件而推上去就没有了呢？ 这里会先介绍.gitignore，不想看的 请直接跳过介绍 看解决办法 一、.gitignore 介绍 这里向大家简述一下.gitignore这个文件 一、简绍 我们做的每个Git项目中都需要一个“.gitignore”文件，这个文件的作用就是告诉Git哪些文件不需要添加到版本管理中。比如我们项目中的npm包(node_modules)，它在我们项目中是很重要的，但是它占的内存也是很大的，所以一般我们用Git管理
.gitignore文件说明
weixin_43974311的博客
09-11 846
一、简绍 我们做的每个Git项目中都需要一个“.gitignore”文件，这个文件的作用就是告诉Git哪些文件不需要添加到版本管理中。比如我们项目中的npm包(node_modules)，它在我们项目中是很重要的，但是它占的内存也是很大的，所以一般我们用Git管理的时候是不需要添加npm包的。 二、常用的规则 /mtk/ 过滤整个文件夹 *.zip 过滤所有.zip文件 /mtk/do.c 过滤某个具体文件 以上规则意思是：被过滤掉的文件就不会出现在你的GitHub库中了，当然本地库中还有，只是push的时
关于jeecg前端项目使用yarn build打包找不到dist包的问题
upStar1的博客
07-01 1239
今天第一次打包，打包完找了半天没看到dist包。搜了半天也没找到。最后发现，jeecg的项目主要还是要看vue.config.js文件，里面写了outputDir（输出文件目录）是html，所以只要把html这个文件夹发给后端就行。 ......
vue项目build打包后提交到git上没有dist目录的解决方案
在写作的路上持续输出。
03-28 2485
vue 项目 npm run build 后的dist 目录上传不到gitee 上的解决方式。
idea中build项目之后生成的target看不见
qq_44761854的博客
12-09 437
1、第一步 2、勾选
vue打包静态资源后显示空白及static文件路径报错的解决
11-19
今天使用vue打包（npm run build）遇到了几个坑，在这里分享给大家 打包之后打开dist的页面显示空白： 这个问题以前就处理过，是打包过程中出现错误频率较高的一种，可能有3处地方会出现这种情况 1、记得改一下...
详解webpack打包vue项目之后生成的dist文件该怎么启动运行
12-12
亲测，webpack打包vue项目之后生成的dist文件可以部署到 express 服务器上运行。 我的vue项目结构如下： 1. 进入该vue项目目录，打开git bash，执行：npm run build(在package.json的scripts配置) 执行成功如下...
Vue打包后访问静态资源路径问题
12-13
Vue介绍中static文件夹里放的是静态资源目录，如图片、字体等。 我们发现运行npm run start后本地图片路径是没问题的，...以上就是Vue打包后访问静态资源路径问题的相关知识点，感谢大家的阅读和对软件开发网的支持。
解决vue打包之后静态资源图片失效的问题
11-27
1、问题描述 在项目开发中,当我们通过npm run build打包...放在跟src同级目录下不可以吗？好吧，一开始我也是放在src同级目录下，但是在某个css文件中引入背景图片的时候打包之后图片失效，我是这样引入的   实践证
vue-cli打包上线遇到各文件找不到问题——引入
qq_45668489的博客
02-24 1290
在做VUE-cli WebPack脚手架项目打包完成后，在服务器上运行发现，有些js中定义的变量找不到，css,背景图片资源等都找不到，原来发现项目打包后的CSS和JS的引用路径是绝对路径，项目部署后会将静态当成根目录，就造成了文件引用路径的错误，解决方法是通过修改配置文件，将绝对路径改为相对路径，从而达到资源的相对引用。 一、‘/’指的是项目的根目录 ，’./’指的是当前目录 1.publicP...
WEB转Flutter基础学习笔记（内含vue和flutter对比）
最新发布
小易不止于搬砖的博客
05-17 682
笔者是一名web前端，记录在转栈flutter时的学习笔记，内涵和vue的对比，能够辅助前端同学更容易理解flutter
vue中的事件
weixin_43390711的博客
05-16 165
需要使用emit方法，emit(‘事件名’,参数)自定义事件名的规范（script中用小驼峰，模板中用短横线）1、组合api中2、setup语法糖中(非TS)3、setup语法糖中（使用TS）}>()
vue3.0+antdv的admin管理系统vue-admin-beautiful推荐
独行猫a 的沉淀、积累、总结。天天学习，好好向上...c/c++,嵌入式 linux,Android,HarmonyOS)
05-15 1131
几年前，笔者自学了vue这一优秀的前端框架，但苦于没项目练手，无意间发现了这一优秀的前端集成框架。当时就使用它做了一很有意思的小项目---终端监控云平台，实现了前端和后台的整体功能。整体方案介绍参见博文《》，前端使用vue-admin-beautiful框架，后端使用go-zero微服务框架，几天内就搞出来了一个包含前端和后台的小项目。我的monitor-ui前端运行界面：后续有机会介绍下我这个终端监控云平台小项目的具体实现，挺有意思的。几年前还用到过几个地方的公交客户现场，客户挺喜欢这个功能的。
Vue.js的发展史（一）
2301_79683791的博客
05-15 760
Vue (发音为 /vjuː/，类似view) 是一款用于构建用户界面的 JavaScript 框架。它基于标准 HTML、CSS 和 JavaScript 构建，并提供了一套声明式的、组件化的编程模型，帮助你高效地开发用户界面。无论是简单还是复杂的界面，Vue 都可以胜任。来源官方解释-----简介 | Vue.js (vuejs.org)简单来说：Vue是一个属于JS的库，可直接引入一个JS文件就可以使用，与传统JS和JQuery框架不同，Vue的渐进式框架。
基于Vue和uni-app的增强型多选框Checkbox组件开发
chenchuang0128的博客
05-16 356
该组件通过数据驱动、支持页面正反向传值等特性，提高了组件的灵活性和可重用性。未来，我们可以继续探索组件的更多可能性和应用场景，如支持条件筛选、异步加载数据等，以满足更复杂的前端需求。该组件不仅提供了基本的复选功能，还通过数据驱动、支持页面正反向传值等特性，进一步增强了组件的灵活性和可重用性。页面正反向传值：组件应该能够支持页面正反向传值，即能够将组件的状态传递给父组件，同时也能够接收父组件传递的数据。数据驱动：组件应该能够通过数据驱动，即组件的状态和行为应该由数据决定，而不是通过直接操作DOM元素来实现。
用vue实现json模版编辑器
qq_44428688的博客
05-14 533
设想业务逻辑是拖拽控件生成表单 动手做了一个简单的demo 业务的原型图设想如下所示其中使用的技术主要是vuedragger。
vite 打包不生成dist文件夹
05-09
如果你使用 Vite 进行打包却没有生成 `dist` 文件夹的话，可能有以下几个原因： 1. 没有正确配置 `build` 命令 在 `package.json` 文件中，`build` 命令应该被配置为 `vite build`，如下所示： ```json { "scripts": { "build": "vite build" } } ``` 2. build 执行时没有权限 如果你在执行 `npm run build` 命令时，遇到了类似下面这样的错误： ``` sh: 1: vite: not found npm ERR! code ELIFECYCLE npm ERR! syscall spawn npm ERR! file sh npm ERR! errno ENOENT npm ERR! [email protected] build: `vite build` npm ERR! spawn ENOENT npm ERR! npm ERR! Failed at the [email protected] build script. npm ERR! This is probably not a problem with npm. There is likely additional logging output above. ``` 那么可能是因为你没有给 `build` 命令执行的权限。你需要在终端中执行以下命令，给 `node_modules/.bin` 目录下的文件加上可执行权限： ```bash chmod -R +x node_modules/.bin ``` 3. 缺少 `build` 插件 在 Vite 中，`build` 命令需要使用 `@vitejs/plugin-vue` 或 `@vitejs/plugin-react` 等插件。如果你没有安装这些插件，则在执行 `npm run build` 命令时，会提示以下错误： ``` error [vite] Plugin not found: /path/to/project/node_modules/@vitejs/plugin-vue/index.js ``` 你需要在 `package.json` 文件中添加以下依赖： ```json { "dependencies": { "@vitejs/plugin-vue": "^1.8.4" } } ``` 然后在 `vite.config.js` 文件中引入这个插件： ```javascript import { defineConfig } from 'vite' import vue from '@vitejs/plugin-vue' export default defineConfig({ plugins: [ vue() ] }) ``` 以上是我能想到的一些可能的原因，希望能帮到你。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

阿妖呀

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

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

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

打赏作者

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

抵扣说明：

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

余额充值