Создаю абсолютно новый проект React со сборщиком Vite, проект создался, установил node_modules (через команду npm install), сервер успешно запускается, но стоит зайти на локалхост где ничего не выводится в терминаме выходит ошибка:
[vite] Pre-transform error: Failed to load url /src/main.jsx (resolved id: C:/WebServers/App/IRfrontend/src/main.jsx). Does the file exist?
В интернете пишут что это может быть из за длинного пути к проекту, у меня так и было, но я пересоздал проект в пути покороче:
старый путь:
Z:\fullstack\OleynikovDiplomApp\App\IRFrontend\IRfrontend
новый путь в котором сейчас пытаюсь сделать проект:
Z:\App\IRfrontend
Файл main.jsx физически существует, имеет правильное название, расширение, находится в src, и импорт в Index.html
index.html:
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<link rel="icon" type="image/svg+xml" href="/vite.svg" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Vite + React</title>
</head>
<body>
<div id="root"></div>
<script type="module" src="/src/main.jsx"></script>
</body>
</html>
файл main.jsx:
import { StrictMode } from 'react'
import { createRoot } from 'react-dom/client'
import './index.css'
import App from './App.jsx'
createRoot(document.getElementById('root')).render(
<StrictMode>
<App />
</StrictMode>,
)
Впринципе, все сгенерировано автоматически и это просто базовый проект Vite + React
До этого пытался создавать много раз vite react проект в этой и старой директории, так что возможно что то с кешем, но я его чистил(npm cache clean --force)
Ранее на другом компьютере я создавал vite+react проект, структура проекта работала без папки node_modules И все работало.
Создаю проект с Node последней версии.
Но проблема остается.