vue项目打包后出现css文件路径找不到

墨衍会员 · AI 创作全网分发 墨衍智能分发 本文由作者通过墨衍一键同步至各平台 1分发平台 5.7k累计阅读 5.7k平均单平台已同步平台优快云微信公众号微博知乎掘金百家号博客园抖音小红书 你的文章也可以这样分发 墨衍会员 ¥399起/年，写一次发全网我也要 → 码龄7年

关注

原创最新推荐文章于 2026-09-07 13:25:07 发布 5.7k 阅读 AI 写同款· GEO 优化 ›

SPI模式下的SD卡读写，为什么你的数据总出错？详解时序与状态机避坑指南本文深入探讨SPI模式下SD卡读写数据出错的根本原因，提供时序优化与状态机设计的实战指南。针对时钟周期计数、状态机跳转和忙检测等核心问题，详解命令时序细节、状态机同步策略及高级避坑技巧，帮助开发者提升SD卡在SPI模式下的稳定性和性能。阅读详情

vue项目打包后默认是绝对路径项目的根目录下：
将绝对路径改为相对路径：config/index.js
在这里插入图片描述
css样式中导入的图片找不到：build/utils.js

打包后默认会生成map文件：改成false将不生成map文件减少文件大小

收录于

当前文章被以下社区和专栏收录：

目标检测数据集第069期-基于yolo标注格式的玻璃清洁状态检测数据集(含免费分享) 但这类技术的落地，离不开大量标注规范、场景丰富的数据集作为算法训练的支撑，玻璃清洁状态检测数据集的出现，正是为了满足这一市场与技术需求。在高校与科研机构的计算机视觉研究中，该数据集可作为基础研究素材，用于探索物体状态识别的算法优化方向，比如针对玻璃这类透明物体的检测算法改进，或是小样本场景下的状态识别研究。通过摄像头采集车窗、挡风玻璃的图像，算法自动检测玻璃清洁度，若识别到脏污影响视线，及时提醒运维人员清洁，避免因玻璃脏污引发的安全事故，提升交通出行的安全性。阅读详情

相关推荐

Fortran基础编程（3）——格式化输出

本篇推文将进一步讲解Fortran基础语法中格式化输出与声明部分，让我们的代码更加美观起来吧~

qq_45715554的博客 3826

如何解决vue打包项目中的图片,静态css,js 不能访问路径问题

1.在书写代码的时候按照相对路径引入； 2. 但是webpack+vue-cli 默认打包的css,js 等资源的路径是绝对的；实际写的代码 &lt;template&gt; &lt;div&gt; &lt;div class="logo"&gt;&lt;/div&gt; &lt;img src=&

weixin_43962555的博客 1828

用Docker部署ERPNext V15：从架构原理到生产落地的完整指南

容器化部署正在重塑企业级应用的分发与运维方式，ERPNext作为开源ERP中的佼佼者，其基于Frappe框架的模块化设计天然适合用Docker进行编排。理解容器、镜像与编排的关系，是掌握ERP系统部署的基础。Frappe框架负责数据模型与API，ERPNext则承载销售、采购、财务等业务逻辑，两者通过Docker容器解耦为可独立扩展的组件。这种架构带来的价值在于：环境一致性、快速迁移与弹性伸缩，使中小团队也能以较低成本自托管业务系统。无论是替代传统SaaS，还是构建内部管理平台，掌握容器化部署已成为运维与开

weixin_32325225的博客 136

vue 自建的css文件打包后找不到

vue中使用固定的css文件

wangooo的博客 1565

红外图像和可见光图像异源图像配准问题研究

本文旨在研究一种具有高准确率和鲁棒性的融合图像障碍物检测技术，通过把红外和可见光图像进行图像配准和融合，获取高质量的异源融合图像，根据融合图像的特点采用有效的障碍物检测算法，将图像中的障碍物准确检出。......

G_redsky的博客 1万+

保姆级教程：在RK3576上配置USB网卡从零到外网访问（附udev规则详解）

本文提供了在RK3576开发板上配置USB网卡的完整教程，涵盖从内核驱动、udev规则到网络路由的全流程。重点讲解了如何利用USB Gadget功能实现高速网络连接，并构建稳定的算力集群，确保多设备间通信及外网访问。

grass的博客 457

vue 项目中在 main.js 中引入 .scss 文件报找不到的错误？

1. 问题：你在main.js 下引入 scss 文件明明路径是正确的，但是在运行的时候就会提示找不到该文件？ 2.解决：新版本的vue-cli已经帮我们把sass-loader配置好了，放在util.js里面了前面我们通过cnpm i node-sass sass-loader -D 安装好了scss依赖并在build文件夹下的webpack...

qq_42353989的博客 2884

PX4｜Gazebo模型加载失败排查指南：从环境变量到资源路径的全面解析

本文针对PX4与Gazebo联合仿真中常见的'Unable to get model name'错误，提供了从环境变量配置、资源路径排查到网络访问问题的全面解决方案。详细解析了GZ_SIM_RESOURCE_PATH等关键变量的作用与设置方法，并给出了离线模型库部署等一劳永逸的修复指南，帮助开发者彻底解决无人机模型加载失败问题。

weixin_29243063的博客 1228

Vue 项目打包之后，CSS 找不到问题

Vue 项目打包之后，CSS 找不到问题记录日常开发中遇到的坑问题：我把vue项目打包之后放在本地的web环境下可以正常显示，但是我放到 nginx 服务器之后，找不到 css 文件，当时配置如下图解决办法：我将打包的路径从 ‘/v4/’ 改成 ‘./’ 就可以了，在web环境上上，可以放在任何文件下都可以，只要把站点的运行路径指向该文件夹就好这是我的一种解决办法，如果大家还有什么解决办法，可以在下方留言哦嘻嘻 ......

空晓天 9048

LVGL嵌入式GUI工程化架构与多窗口实践

嵌入式GUI开发中，LVGL作为轻量级图形库，其核心价值在于高效渲染与事件驱动机制。理解LVGL的对象树模型、资源管理机制（如RAW图像、静态字体）和屏幕生命周期，是构建稳定界面的基础。结合FreeRTOS等实时操作系统，可实现低功耗、高响应的交互体验。典型应用场景包括智能电表、HMI人机界面、工业控制面板等对内存敏感、需长期运行的设备。本文以微信式多窗口架构为范例，深入解析LVGL工程化落地的关键路径：分层目录结构、窗口模块封装、状态机式登录逻辑、TabView多页导航及图表/仪表盘动态可视化，覆盖从资源

weixin_36001279的博客 88

【电力电子】基于STM32F103C8T6单片机双极性SPWM逆变（硬件篇）

输入电压采集上图为本设计的电源电路，图中 D1 为二极管，其目的是防止正负极电源反接，由于二极管的正向导通特性，用户反接电源时亦不会烧坏后级电路。图中 R8、R9 组成分压电路，由单片机 AD 采集 IO 口 P14 采集 AD 值，并由计算公式电压 =133300(AD/4096)mV；

Naiva的博客 1994

vue打包后导致css属性值丢失的问题如何处理？

当使用Vue进行打包时，有时可能会出现CSS属性值丢失的问题。这通常是由于CSS的压缩和优化过程导致的。下面是一些可能的解决方案：关闭CSS的压缩和优化：在Vue的配置文件(vue.config.js)中，你可以通过添加以下配置来关闭CSS的压缩和优化：module.exports = { css: { ext...

1586

从零搭建实时数仓：基于Flink+ClickHouse的实践

实时数据处理和实时数据查询。市场上的技术方案众多，为何选择Flink+ClickHouse？

AIGC应用创新大全的博客 1320

vue项目打包后，生成的index.html直接本地打开后没内容

vue-cli工程化生成的项目在打包后，默认的资源寻找路径是根，所以可以看到它直接在/F;/favicon找图标，但这个图标是放在项目所在目录根下的，不是系统盘根下，所以这时候就要改配置文件，让项目从项目根开始找，即相对路径。然后重新打包就好了，继续本地浏览器打开index.html就可以了。在vue.config.js加上public path,如下。可以看到加载css，js，图标资源失败，所以是文件路径问题。应该是文件路径找不到了。

m0_73665762的博客 897

TMS_WebGMaps_1.9.8.0_Full_Source

TMS_WebGMaps_1.9.8.0_Full_Source 全源码 delphi cbuilder

WINCC7.3破解文件

WINCC7.3硬件够破解文件，有需要的下载！WINCC7.3硬件够破解文件，有需要的下载！

vue-cli3项目打包index.html无法找到文件解决方法

首先创建vue3项目步骤如下：创建项目文件夹->以管理员身份运行vscode进入该文件夹->控制台->vue create 项目名称->新手选择默认配置直接回车即可。生成项目后执行npm run serve后会得到项目入口链接如下此时项目已经启动，再执行npm run build进行打包，出现如下报错信息如图所示，这里默认的路径是在项目根目录下寻找，然而打包后的css和js文件在dist目录下，意思是要从绝对路径查找，这里是相对路径，解决方法如下在vue.

m0_54177068的博客 2824

文档：亲测可用解决vnc灰屏，黑屏，鼠标大黑叉情况

主要解决vnc-viewer灰屏，黑屏，鼠标大黑叉等现象，详细见文档。

vue打包字体文件路径错误的问题

问题1 转载自 https://www.jianshu.com/p/458fe9cb3490 根本原理请看：https://github.com/vuejs-templates/webpack/issues/166 在我的项目中遇到的情形是：打包后，css里加载的font文件路径变成了：/static/css/static/fonts/element-icons.535877f.woff，而期...

qq_36709949的博客 4608

假人有限元模型

假人模型，车辆碰撞假人有限元模型，适合做乘员安全的研究者利用

vue-cli打包后，找不到css、js文件问题的解决

搜了一些解决方案，发现很多人只贴一点代码，就说解决了。我照葫芦画瓢，却依然无法实现，这就导致我“既不知其然也不知其所以然”。于是我研究了config/index.js的配置，摸索出找到静态文件的方法，分享如下：先说需求： a.我希望打包出来的结构是：（别问为什么这么麻烦，都是项目需要/0.0\） dist - static ---- v...

AllenZouJ的博客 8545

vue项目打包部署到nginx后css样式失效

vue项目部署到nginx后css样式失效问题、原因与解决方案

weixin_64021358的博客 2443

vue项目打包后字体文件路径出错的解决办法

打包后，css里加载的font文件路径变成了：rootpath/static/css/static/fonts, 而期望的应该是rootpath/static/fonts。修改方式：在build/utils的ExtractTextPlugin.extract里加上 publicPath: '../../'： // generate loader string to be used with ...

MySunshine07的博客 2375

vue-cli生成的spa项目js、css、fonts、images文件路径找不到

js、css文件找不到问题分析 run build 命令进行文件编译打包的时候，会将publicPath 加入文件引入路径中，vue-vli默认配置的publicPath='/',路径替换时生成的js、css文件默认路径都会添加/在文件引入路径的最前面。问题解决 css文件编译生成以后的路径为/static/css/app.[hash:7].css，而其可引入的路径为./sta...

Jaden 1101

vue 打包css路径不对_vue打包字体文件路径错误的问题

问题1在我的项目中遇到的情形是：打包后，css里加载的font文件路径变成了：rootpath/static/css/static/fonts,而期望的应该是rootpath/static/fonts。修改方式：在build/utils的ExtractTextPlugin.extract里加上 publicPath: '../../'：// generate loader string to be...

weixin_39952190的博客 853

打包(vue项目)报错 Module not found: Error: Can't resolve 'swiper/dist/css/swiper.css' in ....

打包(vue项目)报错 Module not found: Error: Can’t resolve ‘swiper/dist/css/swiper.css’ in … vue项目更新后执行 npm install 后再执行打包命令（npm run build）会有以下报错信息： Module not found: Error: Can't resolve 'swiper/dist/css/swi...

StoneVivi的博客 1万+

vue,打包完以后出现的问题，element的icon图标找不到，文件，图片路径问题等

在vue打包完，发现很多问题，来整理下：第一：使用element框架的icon时候，开发环境下是没有问题的，打包完以后出现小方块，页面不显示，解决办法：找到utils.js文件，加publicPath: '../../' function generateLoaders (loader, loaderOptions) { const loaders = options.u...

浩星 1万+

vue打包找不到图片，图标等资源问题

修改配置文件 config/index.js 原本内容为 '/'。没有小点；解决的问题是：文档发布找文件路径是在当前路径下找相对路径，否则的话会找绝对路径 build/utils.js 【此处关键】解决的问题是：样式表里引入的背景图片原本会自动加入'static/css'。把背景图识别到了样式css的目录下加上词句后，就可以找到样式表外层目录；需要注意的是：样式表里引...

xiasohuai的博客 5063

[深入探索] VueJS Scoped CSS 实现原理

使用VueJS进行应用开发, 脱离不了对应用间的模块进行拆分, 将大块界面拆解为组件的过程. 我们可以很方便的在单文件中使用<template>块维护组件的视图, 使用<script>维护组件的逻辑部分, 使用<style>维护组件的样式. 在我们编写 VueJS 组件样式时, 不得忽略的一点就是样式污染. 样式污染产生原因提及样式污染, 主要要追溯到Webp...

weixin_34128501的博客 401

vue项目打包成exe

由于electron的源是国外的，如果没有翻墙，下载起来会很慢，网上普遍的建议是更换为淘宝的镜像就行下载，但是我本机无论是官方的还是淘宝的镜像都不行，大家可以根据自己电脑网路情况进行尝试，我本机尝试了很多次都不行，同事给的包在本机执行也报错，无奈只能网上继续找方法。打包你的项目，我相信这步你已经轻车熟路了~，将打包出来的 dist 文件夹复制到之前下载的A文件夹中。天地图拒绝了项目的访问，这个原因可能是因为天地图的key的问题，因为账号不是我申请的，未测试，待解决。