新人研修の一環で、LaravelSailを使って開発環境を作っていたんですけれど、

Viteを動かすために、 npm run dev を実行するとエラーが出ることがありました。(Laravel versionは^10.8)

[vite:css] Failed to load PostCSS config (searchPath: /var/www/html): [SyntaxError] Unexpected token 'export'
/var/www/html/postcss.config.js:1
export default {
^^^^^^

postcss.config.js にエラーがあると記載がでていたんですが、コード自体は XAMPP/MAMPでインストールした時と同様。

調べてみると、おそらく、LaravelSailと同時にインストールされる Node.jsのバージョンによるのだろうと思われます。

下記に2つコードを並べていて、上の方がXAMPP/MAMPで動いていたコード。

export default {
    plugins: {
        tailwindcss: {},
        autoprefixer: {},
    },
};

もし こちらでエラーが出るようなら、

下の方のコードに書き換えて、改めて sail npm run dev とするとエラーが消えましたので、メモ書きとして こちらに残しておきます。

module.exports = {
    plugins: {
        tailwindcss: {},
        autoprefixer: {},
    },
};