新人研修の一環で、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: {},
},
};
この記事へのコメントはありません。