質問編集履歴
2
タイトルの編集
test
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
ESLintでJSXがエラーになる
|
|
1
|
+
BabelとESLintでJSXがエラーになる
|
test
CHANGED
|
File without changes
|
1
追記
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -1,3 +1,15 @@
|
|
|
1
|
+
**追記しましたが、ESLintの問題ではないようです。**
|
|
2
|
+
|
|
3
|
+
|
|
4
|
+
|
|
5
|
+
Babelのコンパイルも失敗してしまいます。
|
|
6
|
+
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
---
|
|
10
|
+
|
|
11
|
+
|
|
12
|
+
|
|
1
13
|
ESLintをReactに適用すると、以下のようにJSXがエラーになってしまいます。
|
|
2
14
|
|
|
3
15
|
|
|
@@ -357,3 +369,93 @@
|
|
|
357
369
|
頑張って調べたのですが、理由が全くわからないので、どなたか教えていただきたいです。
|
|
358
370
|
|
|
359
371
|
よろしくお願いします。
|
|
372
|
+
|
|
373
|
+
|
|
374
|
+
|
|
375
|
+
##追記
|
|
376
|
+
|
|
377
|
+
|
|
378
|
+
|
|
379
|
+
この質問は[React開発環境構築2018](https://qiita.com/tsin1rou/items/6e4ee70b309cc266dcc9#初めてのreact)の**初めてのReact**項目を進める上で、ESLintがエラーになって質問させていただいたのですが、ESLintのエラーは後回しにしてBabelで指示通りにコンパイルしてもJSX記法で以下の様にエラーが出ます。
|
|
380
|
+
|
|
381
|
+
|
|
382
|
+
|
|
383
|
+
```
|
|
384
|
+
|
|
385
|
+
$ npm run dev
|
|
386
|
+
|
|
387
|
+
|
|
388
|
+
|
|
389
|
+
> dir@1.0.0 dev /Users/admin/dir
|
|
390
|
+
|
|
391
|
+
> babel-node server/server.js
|
|
392
|
+
|
|
393
|
+
|
|
394
|
+
|
|
395
|
+
app listening on 3000
|
|
396
|
+
|
|
397
|
+
✖ ｢wdm｣: Hash: 28f93ada8d77d7952359
|
|
398
|
+
|
|
399
|
+
Version: webpack 4.31.0
|
|
400
|
+
|
|
401
|
+
Time: 310ms
|
|
402
|
+
|
|
403
|
+
Built at: 2019-05-18 08:19:04
|
|
404
|
+
|
|
405
|
+
Asset Size Chunks Chunk Names
|
|
406
|
+
|
|
407
|
+
bundle.js 6.09 KiB main [emitted] main
|
|
408
|
+
|
|
409
|
+
Entrypoint main = bundle.js
|
|
410
|
+
|
|
411
|
+
[0] multi ./src 28 bytes {main} [built]
|
|
412
|
+
|
|
413
|
+
[./src/index.jsx] 1.93 KiB {main} [built] [failed] [1 error]
|
|
414
|
+
|
|
415
|
+
|
|
416
|
+
|
|
417
|
+
ERROR in ./src/index.jsx
|
|
418
|
+
|
|
419
|
+
Module build failed (from ./node_modules/babel-loader/lib/index.js):
|
|
420
|
+
|
|
421
|
+
SyntaxError: /Users/admin/dir/src/index.jsx: Unexpected token (5:2)
|
|
422
|
+
|
|
423
|
+
|
|
424
|
+
|
|
425
|
+
3 |
|
|
426
|
+
|
|
427
|
+
4 | ReactDOM.render(
|
|
428
|
+
|
|
429
|
+
> 5 | <h1>Hello React</h1>,
|
|
430
|
+
|
|
431
|
+
| ^
|
|
432
|
+
|
|
433
|
+
6 | document.getElementById('root')
|
|
434
|
+
|
|
435
|
+
7 | );
|
|
436
|
+
|
|
437
|
+
at Parser.raise (/Users/admin/dir/node_modules/@babel/parser/lib/index.js:6322:17)
|
|
438
|
+
|
|
439
|
+
at Parser.unexpected (/Users/admin/dir/node_modules/@babel/parser/lib/index.js:7638:16)
|
|
440
|
+
|
|
441
|
+
at Parser.parseExprAtom (/Users/admin/dir/node_modules/@babel/parser/lib/index.js:8799:20)
|
|
442
|
+
|
|
443
|
+
at Parser.parseExprSubscripts (/Users/admin/dir/node_modules/@babel/parser/lib/index.js:8385:23)
|
|
444
|
+
|
|
445
|
+
at Parser.parseMaybeUnary (/Users/admin/dir/node_modules/@babel/parser/lib/index.js:8365:21)
|
|
446
|
+
|
|
447
|
+
at Parser.parseExprOps (/Users/admin/dir/node_modules/@babel/parser/lib/index.js:8252:23)
|
|
448
|
+
|
|
449
|
+
at Parser.parseMaybeConditional (/Users/admin/dir/node_modules/@babel/parser/lib/index.js:8225:23)
|
|
450
|
+
|
|
451
|
+
at Parser.parseMaybeAssign (/Users/admin/dir/node_modules/@babel/parser/lib/index.js:8172:21)
|
|
452
|
+
|
|
453
|
+
at Parser.parseExprListItem (/Users/admin/dir/node_modules/@babel/parser/lib/index.js:9449:18)
|
|
454
|
+
|
|
455
|
+
at Parser.parseCallExpressionArguments (/Users/admin/dir/node_modules/@babel/parser/lib/index.js:8592:22)
|
|
456
|
+
|
|
457
|
+
@ multi ./src main[0]
|
|
458
|
+
|
|
459
|
+
ℹ ｢wdm｣: Failed to compile.
|
|
460
|
+
|
|
461
|
+
```
|