Я пытаюсь добавить приложение реагирования, которое я сделал, на свой существующий веб-сайт, я следовал существующей документации здесь , но, по-видимому, навигатор не воссоздает части импорта моего кода, вероятно, потому что babelпарсер не работает должным образом?Вот мой код index.js:
Я попытался использовать babel в качестве шрифта в моем скрипте, но не повезло, вот мой код index.js:
import React from 'react'; import ReactDOM from 'react-dom'; import './index.css'; import App from './App'; import registerServiceWorker from './registerServiceWorker'; ReactDOM.render(<App />, document.getElementById('root')); registerServiceWorker();
Вот мой код index.html:
<head> <script src="https://unpkg.com/react@16/umd/react.development.js"></script> <script src="https://unpkg.com/react-dom@16/umd/react-dom.development.js"></script> <script src="https://unpkg.com/react-content-loader@3.4.1/dist/react-content-loader.min.js" crossorigin ></script> <script src="https://unpkg.com/babel-standalone@6/babel.min.js"></script> </head><body> <div id="root"></div> <script src="index.js"></script> </body>
вывод консоли: Uncaught SyntaxError: Неожиданный идентификатор в index.js: 1
Вы загружаете свои зависимости как глобальные, используя выделенные элементы <script>.
<script>
Не используйте также import.
import
Вы используете JSX. Вам нужно , чтобы пометить скрипт, содержащий его, как text/babel.
text/babel