使用Vite资源打包时出现文件定位错误的问题求助

错误信息 #

Unable to locate file in Vite manifest: resources/demo/demo.css.
（注：用户发现报错信息中路径末尾带有一个点）

相关配置与代码 #

vite.config.js 配置 #

import { defineConfig } from 'vite';
import laravel from 'laravel-vite-plugin';

export default defineConfig({
    plugins: [
        laravel({
            input: [
                'resources/css/app.css',
                'resources/demo/demo.css',
                'resources/js/app.js',
            ],
            refresh: true,
        }),
    ],
});

Blade模板调用代码 #

@vite(['resources/demo/demo.css'])

环境版本 #

• Laravel v9.30.1
• PHP v8.1.6
• Vite "^3.0.0"

解决方法 #

• 校验文件路径与名称
  确认resources/demo/demo.css文件真实存在，排查文件名大小写（如实际为Demo.css）、路径内是否有多余空格/特殊字符，重点确认实际文件路径末尾是否存在报错信息里的多余点。

• 清理缓存并重新构建
  执行以下命令清除缓存并重新构建资源：

  npm run build
  php artisan cache:clear
  php artisan view:clear
  

  开发环境下需重启Vite开发服务器：

  npm run dev
  

• 检查Manifest文件
  构建完成后打开public/build/manifest.json，确认其中是否包含resources/demo/demo.css对应的条目。若不存在，说明该文件未被正确纳入构建流程，重新核对vite.config.js的input数组路径拼写。

• 统一路径写法
  确保Blade模板中使用的路径与vite.config.js里的input路径完全一致，避免混用相对路径（如./resources/demo/demo.css）和绝对路径写法。

内容的提问来源于stack exchange，提问作者meysam Zare