Страница Vite React не найдена (не может получить /mypage) после сборки сборки и перенаправления на странице с помощью аJavascript

Форум по Javascript
Ответить
Anonymous
 Страница Vite React не найдена (не может получить /mypage) после сборки сборки и перенаправления на странице с помощью а

Сообщение Anonymous »

воспроизведение:

Код: Выделить всё

npm create vite@latest
< /code>
Выберите: React < /p>
Выберите: Typescript < /p>
cd vite-project

npm install

npm i react-router-dom
Aapp.tsx:

Код: Выделить всё

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
pages/testa.tsx:

Код: Выделить всё

const TestA = () => {
return (
TestA
)
}

export default TestA
pages/testb.tsx:

Код: Выделить всё

const TestB = () => {
return (
TestB
)
}

export default TestB
vite.config.ts:

Код: Выделить всё

import { defineConfig } from 'vite'
import react from '@vitejs/plugin-react'

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

Код: Выделить всё

{
"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"
}
}
index.html:

Код: Выделить всё






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
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «Javascript»