ReSQL.ru
     
powered by simpleCommunicator - 2.0.59     © 2025 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / React JSX ошибка
7 сообщений из 7, страница 1 из 1
React JSX ошибка
    #39821378
Фотография Areostar
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Areostar
Участник
Начал изучать React. C чистым React пока что всё понятно. Но как попытался запустить простейщий пример на JSX

Код: javascript
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
<!DOCTYPE html>
<html>
    <head>
        <title>Hello React</title>    
		<meta charset="utf-8"> 
	</head>
	<body>
        <div id="app">
            <!-- здесь будет отображено мое приложение -->
		</div>
		<script src="../build/react.js"></script>
		<script src="../build/react-dom.js"></script>
		<script> 
			ReactDOM.render(  
				<h1>
					<span><em>Hell</em>o</span> world!  
				</h1>,
				document.getElementById('app')
			); 
		</script>  
	</body>
</html>



получаю ощибку на строку <h1>: Uncaught SyntaxError: Unexpected token <

Я пример из ичебника взял, все скобки закрыты(парные)

В чём поблемма может быть??
...
Рейтинг: 0 / 0
02.06.2019, 20:18
| Ответить | Цитировать | Написать  
React JSX ошибка
    #39821541
Руслан Дамирович
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Руслан Дамирович
Участник
Areostar,
кавычки же
Код: javascript
1.
ReactDOM.render( '<h1><span><em>Hell</em>o</span> world!</h1>', document.getElementById('app') );
...
Рейтинг: 0 / 0
03.06.2019, 11:07
| Ответить | Цитировать | Написать  
React JSX ошибка
    #39821772
Фотография Compositum
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Compositum
Участник
AreostarВ чём поблемма может быть??
Вы используете так называемый inline script , т.е. "зашитый" непосредственно в ваш html-файл. Браузер не умеет работать с JSX - нужна предварительная транспилляция JSX в JS.

рекомендую в качестве старта использовать
Код: sql
1.
npx create-react-app yourAppName


или
Код: sql
1.
npx create-react-app yourAppName --typescript
...
Рейтинг: 0 / 0
03.06.2019, 15:49
| Ответить | Цитировать | Написать  
React JSX ошибка
    #39821776
Фотография Compositum
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Compositum
Участник
Руслан Дамировичкавычки же
А... Ну да. Я проморгал этот момент. :)
...
Рейтинг: 0 / 0
03.06.2019, 15:51
| Ответить | Цитировать | Написать  
React JSX ошибка
    #39821971
Фотография Areostar
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Areostar
Участник
Руслан Дамирович,

НЕ в кавычках дело.

Добавляем вот это https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.24/browser.min.js

а в тег скрипт дописываем type="text/babel"

И всё работает! ))
...
Рейтинг: 0 / 0
03.06.2019, 21:14
| Ответить | Цитировать | Написать  
React JSX ошибка
    #39844303
Vladimir A
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Vladimir A
Участник
Areostar,
it does not work that way :(

try as Compositum said
npx create-react-app yourAppName
and have a look the app was created and also read the docs or even better have a look
https://www.pluralsight.com/courses/react-redux-react-router-es6
...
Рейтинг: 0 / 0
01.08.2019, 20:21
| Ответить | Цитировать | Написать  
React JSX ошибка
    #39844442
Ролг Хупин
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Ролг Хупин
Участник
AreostarНачал изучать React. C чистым React пока что всё понятно. Но как попытался запустить простейщий пример на JSX

Код: javascript
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
<!DOCTYPE html>
<html>
    <head>
        <title>Hello React</title>    
		<meta charset="utf-8"> 
	</head>
	<body>
        <div id="app">
            <!-- здесь будет отображено мое приложение -->
		</div>
		<script src="../build/react.js"></script>
		<script src="../build/react-dom.js"></script>
		<script> 
			ReactDOM.render(  
				<h1>
					<span><em>Hell</em>o</span> world!  
				</h1>,
				document.getElementById('app')
			); 
		</script>  
	</body>
</html>



получаю ощибку на строку <h1>: Uncaught SyntaxError: Unexpected token <

Я пример из ичебника взял, все скобки закрыты(парные)

В чём поблемма может быть??

Ну, во-первых, проблема в том, что "поблемма"
...
Рейтинг: 0 / 0
02.08.2019, 09:49
| Ответить | Цитировать | Написать  
7 сообщений из 7, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / React JSX ошибка
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение
NoSQL.ru       Новости, Чат       Фотоальбом: Участники, Встречи
Закрыть
start [/forum/topic.php?fid=22&msg=39821971&tid=1443697]:
 0ms
get settings:
 11ms
get forum list:
 13ms
check forum access:
 4ms
check topic access:
 4ms
track hit:
 55ms
get topic data:
 10ms
get forum data:
 2ms
get page messages:
 44ms
get tp. blocked users:
 1ms
others: 14ms
total:  158ms
созд. / загр.: 158ms
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]