Início / user-8144450

Nimble Stalker's questions

Martin Hope
Nimble Stalker
Asked: 2025-04-20 19:59:44 +0800 CST
  • 5

Criei meu aplicativo React vazio com Vite v.6e instalei Chakra UI. Mas depois de iniciar o aplicativo, vejo um erro:

"Erro interno do servidor: falha ao resolver a importação "@chakra-ui/react". imagem de erro

Eu instalei o @chakra-ui/react. Eu uso o macOS. O problema é que, não importa o que eu importe do chakra-ui, o erro é exibido.

  • main.tsx
import { ChakraProvider, defaultSystem } from "@chakra-ui/react"
import { ThemeProvider } from "next-themes"
import React from "react"
import ReactDOM from "react-dom/client"
import { RouterProvider, createBrowserRouter } from 'react-router-dom'
import './styles/index.css'
import MainLayout from "./shared/layouts/MainLayout";
import Dashboard from "./modules/hex-grid/pages/dashboars/Dashboard";

const routes = createBrowserRouter([
  {
    element: <MainLayout />,
    children: [
      { index: true, element: <Dashboard /> },
    ],
  },
])

ReactDOM.createRoot(document.getElementById("root")!).render(
  <React.StrictMode>
    <ChakraProvider value={defaultSystem}>
      <ThemeProvider attribute="class" disableTransitionOnChange>
        <RouterProvider router={routes} />
      </ThemeProvider>
    </ChakraProvider>
  </React.StrictMode>,
)
  • pacote.json
{
  "name": "vite-ts",
  "private": true,
  "version": "1.0.2",
  "type": "module",
  "scripts": {
    "dev": "vite",
    "build": "tsc && vite build",
    "preview": "vite preview"
  },
  "dependencies": {
    "@chakra-ui/react": "^3.16.0",
    "@emotion/react": "^11.14.0",
    "@emotion/styled": "^11.14.0",
    "@tailwindcss/vite": "^4.1.4",
    "framer-motion": "^12.7.4",
    "next-themes": "^0.4.6",
    "react": "^19.1.0",
    "react-dom": "^19.1.0",
    "react-icons": "^5.5.0",
    "react-router-dom": "^7.5.1",
    "tailwindcss": "^4.1.4"
  },
  "devDependencies": {
    "@chakra-ui/cli": "^3.16.0",
    "@types/react": "^19.1.1",
    "@types/react-dom": "^19.1.2",
    "@vitejs/plugin-react": "^4.3.4",
    "typescript": "^5.8.3",
    "vite": "^6.2.6"
  }
}

Enviei o aplicativo para o GitHub para que você possa reproduzir meu problema. (Até reiniciei o computador e não adiantou.)

javascript