Vite+pnpm Workspaces报错：模块未提供指定导出类型

你的核心问题是Vite未正确处理pnpm工作区的本地包解析，TypeScript能推断类型是因为tsconfig已配置路径映射，但浏览器端的模块解析依赖Vite的配置，两者逻辑不匹配导致报错。以下是具体修复步骤：

1. 先检查shared包的基础配置 #

确保shared/package.json正确声明了编译产物入口，且已执行编译：

{
  "name": "@your-app/shared",
  "main": "./dist/index.js",
  "module": "./dist/index.mjs",
  "types": "./dist/index.d.ts",
  "scripts": {
    "build": "tsc"
  }
}

• 执行pnpm run build在shared目录生成dist编译产物
• 不要直接导入shared的源文件路径（比如app-name/packages/shared/src/...），改用包名+导出路径，例如：

  import { JwtAccessTokenType } from '@your-app/shared/auth/jwtToken.dto'
  

2. 配置Vite适配pnpm工作区 #

修改frontend/vite.config.js，添加以下配置：

/** @type {import('vite').UserConfig} */
import { resolve } from 'path';
import { defineConfig } from 'vite';
import eslint from 'vite-plugin-eslint';
import svgr from 'vite-plugin-svgr';
import react from '@vitejs/plugin-react';

export default defineConfig(() => ({
  plugins: [react(), svgr(), eslint({ include: ['./src/**/*.{js,jsx,ts,tsx}'] })],
  resolve: {
    alias: {
      '~': resolve(__dirname, './src'),
      // 映射shared包到其编译产物目录
      '@your-app/shared': resolve(__dirname, '../shared/dist')
    },
    // 保留pnpm的软链结构，避免Vite解析错误
    preserveSymlinks: true
  },
  optimizeDeps: {
    // 让Vite预编译shared包，确保浏览器能正确识别模块导出
    include: ['@your-app/shared']
  }
}));

3. 确认TS路径映射匹配 #

检查frontend/tsconfig.json的paths配置，确保和Vite的alias对应：

{
  "compilerOptions": {
    "paths": {
      "~/*": ["./src/*"],
      "@your-app/shared/*": ["../shared/src/*"]
    }
  }
}

可能的错误根源 #

• 未编译shared包：浏览器无法直接解析.ts文件，必须使用编译后的.js产物
• 导入路径错误：直接引用源文件路径会导致Vite请求未编译的TS文件，浏览器无法识别其导出语法
• Vite未适配pnpm软链：pnpm的工作区依赖通过软链关联，Vite默认配置可能无法正确解析本地包的入口

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