Использование iframe в React для отображения локального HTML-файла ⇐ Html

[Anonymous]

Я пытаюсь использовать iframe в своем приложении React для отображения локального HTML-файла. Когда я пытаюсь запустить свое приложение (

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

npm run start

) вместо этого кажется, что iframe рекурсивно загружает index.html. Он отлично работает, когда источником является внешний URL-адрес.
Обновление: оно работает при развертывании на страницах Github.
Обновление 2: неважно, что оно случайно сломалось на страницах Github только что.
Обновление 3: вот package.json

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

{
"name": "wikiread-react",
"version": "0.1.0",
"homepage": "https://stationktkr.github.com/wikiread-react",
"private": true,
"dependencies": {
"@testing-library/dom": "^10.4.1",
"@testing-library/jest-dom": "^6.9.1",
"@testing-library/react": "^16.3.2",
"@testing-library/user-event": "^13.5.0",
"react": "^19.2.3",
"react-dom": "^19.2.3",
"react-scripts": "5.0.1",
"web-vitals": "^2.1.4"
},
"scripts": {
"predeploy": "npm run build",
"deploy": "gh-pages -d build",
"start": "react-scripts start",
"build": "react-scripts build",
"test": "react-scripts test",
"eject": "react-scripts eject"
},
"eslintConfig": {
"extends": [
"react-app",
"react-app/jest"
]
},
"browserslist": {
"production": [
">0.2%",
"not dead",
"not op_mini all"
],
"development": [
"last 1 chrome version",
"last 1 firefox version",
"last 1 safari version"
]
},
"devDependencies": {
"bootstrap": "^5.3.8",
"gh-pages": "^6.3.0",
"react-bootstrap": "^2.10.10",
"react-iframe": "^1.8.5",
"react-tabs": "^6.1.0"
}
}

App.js:

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

import './App.css';

function App() {
return (


altpages/test.html


);
}

export default App;

test.html:

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

Test 1

Это моя файловая структура:

]
Вот что я получу, если загружу "altpages/test.html" непосредственно в браузере (что я и ожидал):


В отличие от того, что я вижу, когда запускаю "npm run start" из терминала (в папке wikiread-react):


С помощью инспектора вы можете увидеть, что это серия вложенных iframe:



Подробнее здесь: https://stackoverflow.com/questions/798 ... -html-file