Код: Выделить всё
npm create vite@latest
< /code>
Выберите: React < /p>
Выберите: Typescript < /p>
cd vite-project
npm install
npm i react-router-dom
Код: Выделить всё
import { Routes, Route, BrowserRouter } from 'react-router-dom';
import './App.css'
import TestA from './pages/TestA'
import TestB from './pages/TestB'
function App() {
return (
Nav:
[url=/]TestA[/url]
[url=/testb]TestB[/url]
)
}
export default App
Код: Выделить всё
const TestA = () => {
return (
TestA
)
}
export default TestA
Код: Выделить всё
const TestB = () => {
return (
TestB
)
}
export default TestB
Код: Выделить всё
import { defineConfig } from 'vite'
import react from '@vitejs/plugin-react'
// https://vite.dev/config/
export default defineConfig({
plugins: [react()],
})
Код: Выделить всё
{
"name": "vite-project",
"private": true,
"version": "0.0.0",
"type": "module",
"scripts": {
"dev": "vite",
"build": "tsc -b && vite build",
"lint": "eslint .",
"preview": "vite preview"
},
"dependencies": {
"react": "^18.3.1",
"react-dom": "^18.3.1",
"react-router-dom": "^7.1.4"
},
"devDependencies": {
"@eslint/js": "^9.17.0",
"@types/node": "^22.12.0",
"@types/react": "^18.3.18",
"@types/react-dom": "^18.3.5",
"@vitejs/plugin-react": "^4.3.4",
"eslint": "^9.17.0",
"eslint-plugin-react-hooks": "^5.0.0",
"eslint-plugin-react-refresh": "^0.4.16",
"globals": "^15.14.0",
"typescript": "~5.6.2",
"typescript-eslint": "^8.18.2",
"vite": "^6.0.5"
}
}
Код: Выделить всё
Vite + React + TS
Код: Выделить всё
npm run build
Когда я пытаюсь пройти (например, http://127.0.0.1: 5500 /testb) адресная строка или с использованием ошибки Navigaton I: < /p>
не может получить /testb < /p>
< /blockquote>
Я попробовал: 76115927 75272022 75554837, но это мне не помогло. Эта проблема от Vite V2, и я не знаю, как ее решить.
Подробнее здесь: https://stackoverflow.com/questions/794 ... ild-and-re
Мобильная версия