Рендеринг необработанного html-файла возвращает ошибку Ошибка синтаксического анализа модуля: Неожиданный токен (1:0) Вам может понадобиться соответствующий загрузчик для обработки этого типа файла.

Мое приложение React создается с помощью create-реагировать-приложение. Я пытаюсь отобразить содержимое файла html (существует в каталоге src/www/test.html) в компоненте реакции.

Запуск «npm start» выдает ошибку:

Компиляция... Не удалось скомпилировать.

./src/www/test.html 1:0 Ошибка синтаксического анализа модуля: непредвиденный токен (1:0) Для обработки файлов этого типа может потребоваться соответствующий загрузчик.

| |

Реагировать Компонент

импортировать страницу из '../../www/test.html';

class Example extends React.Component {

render(){
    let htmlPage = {__html : Page};
    return (<div dangerouslySetInnerHTML={htmlPage} /> );
}

}

================

test.html

<html>
<head></head>
<body>
    <h1>I'm alive!</h1>
</body>
</html>

Обратите внимание, я не предпочитаю извлекать из приложения create-реагировать. Ищу предложения по преодолению этой проблемы.


reactjs create-react-app javascript single-page-application
person user3362908    schedule 15.01.2019    source источник
comment
Я не могу быть уверен, но я уверен, что вы не можете импортировать файлы HTML в JS. изменяет файл HTML на файл jsx с соответствующим вызовом export?   -  person Jhecht    schedule 15.01.2019
comment
Вы можете при использовании веб-пакета (который используется внутри create-react-app). Я почти уверен, что это должно работать, поскольку create-react-app не указывает собственный загрузчик для .html файлов, и веб-пакет должен обрабатывать .html файлов по умолчанию (возвращая строку содержимого)   -  person inyono    schedule 15.01.2019
comment
Спасибо за ваше предложение. Без извлечения из приложения create-react-app, как изменить конфигурацию веб-пакета, чтобы добавить загрузчик html.   -  person user3362908    schedule 15.01.2019
comment
Возможно, Этот вопрос может дать вам некоторое руководство.   -  person Jhecht    schedule 15.01.2019