Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / React JSX ошибка / 7 сообщений из 7, страница 1 из 1
02.06.2019, 20:18
    #39821378
Areostar
Areostar
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
React JSX ошибка
Начал изучать 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
| Ответить | Цитировать | Написать  
03.06.2019, 11:07
    #39821541
Руслан Дамирович
Руслан Дамирович
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
React JSX ошибка
Areostar,
кавычки же
Код: javascript
1.
ReactDOM.render( '<h1><span><em>Hell</em>o</span> world!</h1>', document.getElementById('app') );
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
03.06.2019, 15:49
    #39821772
Compositum
Compositum
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
React JSX ошибка
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:51
    #39821776
Compositum
Compositum
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
React JSX ошибка
Руслан Дамировичкавычки же
А... Ну да. Я проморгал этот момент. :)
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
03.06.2019, 21:14
    #39821971
Areostar
Areostar
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
React JSX ошибка
Руслан Дамирович,

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

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

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

И всё работает! ))
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
01.08.2019, 20:21
    #39844303
Vladimir A
Vladimir A
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
React JSX ошибка
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
| Ответить | Цитировать | Написать  
02.08.2019, 09:49
    #39844442
Ролг Хупин
Ролг Хупин
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
React JSX ошибка
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
| Ответить | Цитировать | Написать  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / React JSX ошибка / 7 сообщений из 7, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение
созд. / загр.: 166ms
Закрыть
start [/forum/topic.php?fid=22&mobile=1&tid=1443697]:
 0ms
get settings:
 10ms
get forum list:
 14ms
check forum access:
 4ms
check topic access:
 4ms
track hit:
 55ms
get topic data:
 13ms
get forum data:
 3ms
get page messages:
 48ms
get tp. blocked users:
 1ms
others: 14ms
total:  166ms
x
x
Закрыть


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