Блог

Это мой js:

 import React from './node_modules/react';
import ReactDOM from './node_modules/react-dom';

let thePage = React.createElement(
  'main',
  null,
  'lol'
);

ReactDOM.render(thePage, document.getElementById('app'));
 

Но когда я открываю связанную с ним HTML-страницу в своем браузере, я получаю эту ошибку:

 Failed to load module script: Expected a JavaScript module script but the server responded with a MIME type of "text/html". Strict MIME type checking is enforced for module scripts per HTML spec.
 

Вот как выглядит моя папка React для справки:
Ссылка

Да, и файлы html и js находятся в папке «мое приложение».

Мне пришло в голову, что, похоже, здесь нет «react.js» или любой такой файл, но я пытался переустановить его, и он всегда так выглядит, поэтому я не знаю, является ли это проблемой или нет.

Есть идеи, как я могу исправить эту ошибку? Что я делаю не так?

Вероятно, вы не запускаете приложение так, как следовало бы (двойной щелчок по index.html файлу?)

Если вы использовали react-скрипты для создания приложения (как вам, вероятно, следует, если вы новичок), затем используйте npm run start , который скомпилирует код и импорт в один файл пакета JavaScript и запустит веб-страницу на http://localhost:3000

Это позволит регулярному импорту работать должным образом:

 import React from 'react';
import ReactDOM from 'react-dom';
 

А при развертывании на удаленном веб-сервере используйте npm run build и скопируйте содержимое build папки на сервер.

наиболее вероятный сценарий здесь заключается в том, что он не может найти файл сценария, поэтому выборка сценария возвращает 404, что будет текстовой страницей, на которой говорится, что она не может его найти.

Дважды проверьте местоположение в index.html это то, чем это должно быть