Laravel10+Vite环境下如何在app.js中访问tailwind.config.js属性

错误原因 #

你在resources/js/app.js中使用./tailwind.config.js作为导入路径，但tailwind.config.js实际位于项目根目录（与package.json、vite.config.js同级），相对路径指向错误导致Rollup无法解析文件。

解决方案 #

修正导入路径，从resources/js目录向上两级指向根目录的配置文件：

import resolveConfig from 'tailwindcss/resolveConfig';
import tailwindConfig from '../../tailwind.config.js';

const fullConfig = resolveConfig(tailwindConfig);

额外验证 #

确认项目根目录下确实存在tailwind.config.js文件，文件名及后缀完全匹配（避免出现tailwind.config或tailwind.config.ts这类不匹配的命名）。

内容的提问来源于stack exchange，提问作者Mustafa Alawami