“线”不是注册控制器（Vite + React + Chart.js + react-chartjs-2）

Question

我正在开发一个 vite React 应用程序并使用 react-chartjs-2 包显示图表。我正在注册所有图表组件，并且在使用

vite build

时应用程序工作正常并且所有图表都显示。但是，当我使用

vite preview

时，出现以下错误：“line”不是已注册的控制器。

我认为这可能与我的配置有关，但我不确定问题出在哪里。

"vite": "^4.3.2"
"chart.js": "^4.3.0",
"typescript": "^5.0.2",
"react-chartjs-2": "^5.2.0"

// tsconfig.json
{
  "compilerOptions": {
    "target": "ESNext",
    "lib": ["DOM", "DOM.Iterable", "ESNext"],
    "module": "ESNext",
    "skipLibCheck": true,

    /* Bundler mode */
    "moduleResolution": "bundler",
    "allowImportingTsExtensions": true,
    "resolveJsonModule": true,
    "isolatedModules": true,
    "noEmit": true,
    "jsx": "react-jsx",

    /* Linting */
    "strict": true,
    "noUnusedLocals": true,
    "noUnusedParameters": true,
    "noFallthroughCasesInSwitch": true
  },
  "include": ["src"],
  "references": [{ "path": "./tsconfig.node.json" }]
}

// tsconfig.node.json
{
  "compilerOptions": {
    "composite": true,
    "skipLibCheck": true,
    "module": "ESNext",
    "moduleResolution": "bundler",
    "allowSyntheticDefaultImports": true
  },
  "include": ["vite.config.ts"]
}

// vite.config.ts
import { defineConfig } from 'vite'
import react from '@vitejs/plugin-react-swc'

// https://vitejs.dev/config/
export default defineConfig({
  plugins: [react()],
})