Vite修改TS文件时触发app.css内部服务器500解析错误求助

我使用Vite管理一个Inertia项目，后端采用PHP和Laravel，前端使用JavaScript、TypeScript和Vue。自项目引入TypeScript后，仅在修改.ts文件时，Vite会抛出与Inertia中声明的app.css文件相关的500内部服务器错误（非404，文件实际存在）：

错误提示
[vite] Internal server error: Parse error /path/to/project/resources/css/app.css?direct:5929:20.

修改.js或.vue文件时无此问题。项目使用TailwindCSS，推测该错误与CSS解析流程相关。

配置信息 #

vite.config.js

import { defineConfig } from 'vite'
// plugins
import laravel from 'laravel-vite-plugin'
import vue from '@vitejs/plugin-vue'
// css
import postcssImport from 'postcss-import'
import postcssEach from 'postcss-each'
import postcssNesting from 'postcss-nesting'
import tailwindNesting from 'tailwindcss/nesting'
import tailwind from 'tailwindcss'

export default ({ mode }) => {
  return defineConfig({
    plugins: [
      laravel({
        input: [
          'resources/css/app.css', // 修改.ts文件时会触发该文件的错误
          'resources/ts/app.ts',
        ],
      }),
      vue(),
    ],
    css: {
      postcss: {
        plugins: [
          postcssImport(),
          postcssEach(),
          postcssNesting(),
          tailwindNesting(),
          tailwind(),
        ],
      },
    },
  })
}

tailwind.config.js

export default {
  content: [
    './resources/**/*.blade.php',
    './resources/**/*.{js,vue}',
  ],
}

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