InvalidCharacterError: не удалось выполнить createElement для документа: указанное имя тега (/static/media/index.c6592bb6.ts) не является допустимым именем

Это означает, что у вас есть код, который пытается это сделать:

document.createElement("/static/media/index.c6592bb6.ts")

... прямо или косвенно. Поскольку /static/media/index.c6592bb6.ts не является допустимым именем тега (например, div или span), он не работает.

В моем случае я создавал свое веб-приложение и создал файл javaScript в IDE IntelliJ. Но в папке в имени файла отсутствовал суффикс «.js». Поэтому, когда я использовал команду npm run dev в терминале, мне не удалось найти созданный мной файл.

Если он у вас такой же, то просто зайдите в папку и добавьте суффикс «.js» в имя файла.

Я думаю, что это ошибка в IntelliJ. Надеюсь, они исправят ее позже.

Не уверен, что это помогает, но у меня было такое же сообщение об ошибке, и в нем отмечалось следующее:

ReactDOM.render ( <App />, document.getElementById('root'));

Для меня это была простая ошибка (как уже упоминалось кем-то) отсутствия файла с правильным расширением. В моем случае это был дочерний элемент SearchBox, который был сохранен как текстовый файл, а не как «SearchBox.js». В вашем случае это будет файл «Индекс». Конечно, я новичок в этом и все еще учусь, просто подумал, что поделюсь, поскольку чтение предыдущих ответов на ваш вопрос помогло мне исправить мою проблему!

Для меня проблема заключалась в том, что я пытался визуализировать файлы ts. React не может «создавать элементы» из ts файлов. Файлы TS необходимо перенести в JS. Я думал, что мой загрузчик babel настроен правильно, но это не так. Загрузчик babel не проверял файлы ts или tsx.

Прежде всего, убедитесь, что в исходной папке или в общей папке есть файл без правильного расширения означает "

index

"добавьте к нему правильное расширение или удалите его.

ха-ха, у меня такая же ошибка и долго беспокоила.

import GuessLikeList from './GuessLikeList/GuessLikeList.jsx';

и ошибка

Failed to execute 'createElement' on 'Document': The tag name provided ('./GuessLikeList/GuessLikeList.jsx') is not a valid name.

Это означает, что невозможно выполнить с '.jsx', поэтому вам нужно изменить расширение имени файла или импортировать некоторые модули для компиляции jsx

У меня такая ошибка. Случалось, что в конце имени папки js были пробелы. Кажется, React не распознает пространство в именах папок / файлов.

У меня тоже была эта ошибка, и я не вижу, чтобы она описывалась в решениях, это была ошибка с моей стороны из-за того, что цитаты были частью моего назначения компонента Route.

<Route component = "{ NotFound }" />

Удаление кавычек решило проблему.

<Route component = { NotFound } />

На всякий случай, если это не было указано ранее, у меня была такая же проблема с домашним документом, потому что я использовал это:

<Route path = "/" component = "{Home}" />

Вместо этого

<Route path = "/" component = {Home} />

Обратите внимание на кавычки. Надеюсь, это кому-то поможет.

В моем случае у меня была ошибка в моем App.js. У App.js было неправильное имя на пути маршрута, как это, поэтому мне пришлось исправить имя пути, и это устранило мою ошибку.

В моем случае это был просто импорт такого актива

import { ReactComponent as PaintIcon } from "./assets/paint.svg";

вместо

import PaintIcon from "./assets/paint.svg";

Спасибо.

убедитесь, что вы добавили .js в имя вашего файла, а также при его импорте

В имени индекса может быть фиктивный файл, не имеющий суффикса «.js».

Или ваш индексный файл может не иметь суффикса ".js".

Так переименуйте это

в моем случае я импортировал SVG, например:

import SidebarButton from '../../assets/images/sidebarbutton.svg';

И просто используя это:

<SideBarButtonImg>

Это устранило проблему:

const SideBarButtonImg = () => (
  <button style = {{height: '100%'}}>
    <img
      src = {sidebarbutton}
      alt = ""
      style = {{
        height: '100%',
        background: '#fff',
      }}
    />
  </button>
)