Проблема возникает, когда я перестаю использовать cdn и включаю вместо него реакцию и импорт.когда я набираю:
узел index.js
Этот первый код работает нормально:
index.html:
<DOCTYPE! html> <html> <head> <title>Hello React!</title> <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/babel-standalone@6/babel.min.js"></script> </head> <body> <div id='root'></div> <script src='App.js' type='text/babel'></script> </body> </html>
App.js:
ReactDOM.render( <h1>hey</h1>, document.getElementById('root') );
index.js:
const express = require('express'); const app = express(); const port = 3000; app.use(express.static('static')); app.listen(port);
Однако, когда я делаюэти модификации:
Прокомментируйте ссылки для реагирования в index.html
<!-- <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> -->
. Скачайте реагируйте и реагируйте с npm
npm i -S реагировать с реакцией на домен
добавить импорт в App.js
import React from 'react'; import ReactDOM from 'react-dom';
Я получаю сообщение об ошибке: не определено
Итак, я хочу знать, почему это происходит, и как я могу это исправить.
Обратите внимание, что я не трогал ссылку на babel