讲师中心 微信公众号
AI工具推荐 视频效率加速

mix-manifest.json残留导致CSS版本错误?清理指南

大杰同学_5572

大杰同学_5572

发布时间:2026-08-10 17:19:16

|

756人浏览过

|

来源于php中文网

原创

应清理残留mix-manifest.json及旧哈希文件并重建:先删public/mix-manifest.json,再清空public/js/和public/css/下带哈希的文件(保留app.js/app.css),确认package.json中production脚本为mix --production,最后运行npm run production验证新manifest与文件一致性。

mix-manifest.json残留导致css版本错误?清理指南

部署新版本前端资源后,页面样式突然错乱或部分CSS未更新,浏览器控制台显示加载了旧哈希名的CSS文件,大概率是上一次构建生成的mix-manifest.json残留干扰了当前版本的路径映射。

确认mix-manifest.json是否为当前版本产物

进入项目根目录下的public/子目录,执行ls -l mix-manifest.json查看文件修改时间;若该时间早于最近一次npm run production执行时间,说明文件未被覆盖,仍指向旧资源哈希。

用cat public/mix-manifest.json查看内容,检查其中CSS路径对应的哈希值(如"/css/app.css": "/css/app.abc123.css")是否与public/css/目录下实际存在的文件名完全一致;【不一致即证明manifest已失效,必须清理重生成】

彻底清理残留manifest与旧资产

第一步:删除public/mix-manifest.json文件。

立即学习前端免费学习笔记(深入)”;

第二步:清空public/js/和public/css/目录下所有由Mix生成的带哈希后缀的文件(如app.1a2b3c.js、app.d4e5f6.css),但保留原始入口文件(如app.js、app.css)——这些只是源码占位,不影响编译。

Revealjs Presentations
Revealjs Presentations

创建、编辑并部署 reveal.js 演示文稿为单个 HTML 文件,可选自定义 CSS。适用于需要制作演示文稿、幻灯片或宣传材料时使用。

下载

第三步:确认package.json中"scripts"里的"production"命令确为"mix --production"或"npm run build"(Laravel Mix v6+默认等价),避免误配成"cross-env NODE_ENV=development mix"这类开发模式指令。

强制重建并验证

运行npm run production,等待终端输出Done in X.XXs.且无ERROR字样。

检查public/mix-manifest.json是否重新生成,内容是否为合法JSON、键值对路径正确、哈希值与public/下对应文件名吻合。

方法一:在Blade模板中使用{{ mix('css/app.css') }},访问页面后查看源码中link标签href属性是否为新哈希路径;

方法二:直接curl -I http://your-domain.com/css/app.newhash.css,确认返回HTTP 200而非404。

热门AI工具

更多
墨刀AI
墨刀AI Hot

一款AI图像与设计工具,主要用于产品经理的专属智能体,适合需要提升相关任务效率的用户。

AionClaw
AionClaw Hot

AionClaw是一款面向办公、创作和编程任务的AI桌面智能体。

SkildArt
SkildArt Hot

SkildArt是一款AI文本写作工具,一站式 AI 视觉创作平台。

LibLibAI
LibLibAI Hot

一款AI视频创作工具,主要用于国内领先的AI创意平台,以海量模型、低门槛操作与“创作-分享-商业化”生态,让小白与专业创作者都能高效实现图文乃至视频创意表达,适合需要提升相关任务效率的用户。

讯飞智作

讯飞智作是一款AI视频创作工具,AI文本配音工具,数字人课程、营销视频制作。

音述AI
音述AI Hot

一款AI音频处理工具,主要用于音述AI是一个以“用声音述说故事”为核心的 AI 音乐创作与声音分享社区,适合需要提升相关任务效率的用户。

豆包大模型

豆包大模型是一款由字节跳动推出的企业级大语言模型服务平台。

DeepSeek

DeepSeek是一款面向对话、写作、编程和推理场景的AI大模型工具。

WorkBuddy

一款AI办公效率工具,主要用于腾讯云推出的AI原生桌面智能体工作台,适合需要提升相关任务效率的用户。

相关专题

更多
php文件怎么打开
php文件怎么打开

打开php文件步骤:1、选择文本编辑器;2、在选择的文本编辑器中,创建一个新的文件,并将其保存为.php文件;3、在创建的PHP文件中,编写PHP代码;4、要在本地计算机上运行PHP文件,需要设置一个服务器环境;5、安装服务器环境后,需要将PHP文件放入服务器目录中;6、一旦将PHP文件放入服务器目录中,就可以通过浏览器来运行它。

9004

2023.09.01

php怎么取出数组的前几个元素
php怎么取出数组的前几个元素

取出php数组的前几个元素的方法有使用array_slice()函数、使用array_splice()函数、使用循环遍历、使用array_slice()函数和array_values()函数等。本专题为大家提供php数组相关的文章、下载、课程内容,供大家免费下载体验。

5481

2023.10.11

php反序列化失败怎么办
php反序列化失败怎么办

php反序列化失败的解决办法检查序列化数据。检查类定义、检查错误日志、更新PHP版本和应用安全措施等。本专题为大家提供php反序列化相关的文章、下载、课程内容,供大家免费下载体验。

2015

2023.10.11

php怎么连接mssql数据库
php怎么连接mssql数据库

连接方法:1、通过mssql_系列函数;2、通过sqlsrv_系列函数;3、通过odbc方式连接;4、通过PDO方式;5、通过COM方式连接。想了解php怎么连接mssql数据库的详细内容,可以访问下面的文章。

3388

2023.10.23

php连接mssql数据库的方法
php连接mssql数据库的方法

php连接mssql数据库的方法有使用PHP的MSSQL扩展、使用PDO等。想了解更多php连接mssql数据库相关内容,可以阅读本专题下面的文章。

4054

2023.10.23

html怎么上传
html怎么上传

html通过使用HTML表单、JavaScript和PHP上传。更多关于html的问题详细请看本专题下面的文章。php中文网欢迎大家前来学习。

3191

2023.11.03

PHP出现乱码怎么解决
PHP出现乱码怎么解决

PHP出现乱码可以通过修改PHP文件头部的字符编码设置、检查PHP文件的编码格式、检查数据库连接设置和检查HTML页面的字符编码设置来解决。更多关于php乱码的问题详情请看本专题下面的文章。php中文网欢迎大家前来学习。

4517

2023.11.09

php文件怎么在手机上打开
php文件怎么在手机上打开

php文件在手机上打开需要在手机上搭建一个能够运行php的服务器环境,并将php文件上传到服务器上。再在手机上的浏览器中输入服务器的IP地址或域名,加上php文件的路径,即可打开php文件并查看其内容。更多关于php相关问题,详情请看本专题下面的文章。php中文网欢迎大家前来学习。

3522

2023.11.13

Vibeknow在线使用入口合集
Vibeknow在线使用入口合集

本专题汇总了Vibeknow在线创作视频的官方入口及网页版使用教程,涵盖PPT、PDF、Word等文档一键转讲解视频的核心操作,并整理了免费版水印规则与手机端浏览器访问指南,助你快速将知识内容视频化。

0

2026.09.21

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
Sass 教程
Sass 教程

共14课时 | 1.4万人学习

Bootstrap 5教程
Bootstrap 5教程

共46课时 | 5.6万人学习

CSS教程
CSS教程

共754课时 | 93.3万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn