调用tRPC createCaller时Vitest测试失败：需配置assetsInclude

问题场景 #

使用Vitest编写单元测试，通过调用tRPC的createCaller模拟trpc上下文时，运行测试抛出以下错误：

Error: Failed to parse source for import analysis because the content contains invalid JS syntax. You may need to install appropriate plugins to handle the .html file format, or if it's an asset, add "**/*.html" to `assetsInclude` in your configuration.

解决办法 #

有两种可行方案：

• 在vitest.config.js中添加assetsInclude: ['**/*.html']配置，告知Vitest将HTML文件视为静态资源处理
• 移除项目中被测试代码所引入的HTML资源文件

配置示例（添加assetsInclude） #

修改后的vitest.config.js如下：

export default defineConfig({
  plugins: [react],
  resolve: {
    alias,
  },
  // 添加HTML资源识别配置
  assetsInclude: ['**/*.html'],
  
  test: {
    globals: true,
    exclude: [...configDefaults.exclude, '/.next/'],
    setupFiles: './tests/setup.ts',
  },
})

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