質問編集履歴

3

書式の改善

2021/03/28 04:52

投稿

moyong
moyong

スコア19

test CHANGED
File without changes
test CHANGED
@@ -14,13 +14,13 @@
14
14
 
15
15
  を解決したいです。
16
16
 
17
- VCcodeでこのプロジェクトフォルダを開くと、↓↓の像のようtest以下が真赤になっおり、このエラーが問題タブに表示されます。
17
+ エラーって
18
18
 
19
- test以下のファイルを開くかエラー画面をクリックするエラー消えという不思議な挙動をし
19
+ `yarn add @babel/preset-react -D`しましたが先のBabel Configいうのどこにあのかわかりせん
20
20
 
21
- ただテスト普通に実行でき該当のファイルはパスします。
21
+ Create-react-appbabelやwebpackの存在を隠蔽するということが調べいて分かったですが、node_modulesの中でbabelという名前がついたファイルを手当たり次第探ってみてもbabel.config.jsのようなものが見つからず質問させていただいた次第です。
22
22
 
23
- ![イメージ説明](b52f1e4263c23704f0db770d4e3b6b71.png)
23
+
24
24
 
25
25
  ### 発生している問題・エラーメッセージ
26
26
 
@@ -163,25 +163,3 @@
163
163
 
164
164
 
165
165
  ```
166
-
167
-
168
-
169
- ### 試したこと
170
-
171
- ・エラー画面に従って
172
-
173
- `yarn add @babel/preset-react -D`しましたが、その先のBabel Configというのがどこにあるのかわかりません。
174
-
175
- Create-react-appはbabelやwebpackの存在を隠蔽するということが調べていて分かったのですが、node_modulesの中でbabelという名前がついたファイルを手当たり次第探ってみてもbabel.config.jsのようなものが見つからず質問させていただいた次第です。
176
-
177
-
178
-
179
- ・解決策として以下の記事が近いような気がしています。以下の画像のような記述をpackage.jsonに貼ってみましたがうまくいきませんでした。
180
-
181
- [スタックオーバーフロー - Babel throwing Support for the experimental syntax 'jsx' isn't currently enabled](https://stackoverflow.com/questions/62820035/babel-throwing-support-for-the-experimental-syntax-jsx-isnt-currently-enabled)
182
-
183
- ![イメージ説明](f41a591e4c126abaf8cdf20ad9ef47ee.png)
184
-
185
- ![イメージ説明](06a27e0430a79d5a80f9407e5a8677e7.png)
186
-
187
- ただ貼り付ける場所を根本的に間違えているような気もします。

2

誤字を修正

2021/03/28 04:52

投稿

moyong
moyong

スコア19

test CHANGED
@@ -1 +1 @@
1
- create-react-appで作ったアプリのbabel設定ファルはプロジェクトフォルダのどこにありますか?
1
+ create-react-appで作ったアプリのbabel設定ファルはプロジェクトフォルダのどこにありますか?
test CHANGED
File without changes

1

追記

2021/03/27 03:46

投稿

moyong
moyong

スコア19

test CHANGED
File without changes
test CHANGED
@@ -14,15 +14,21 @@
14
14
 
15
15
  を解決したいです。
16
16
 
17
- VCcodeでこのプロジェクトフォルダを開くと、の画像のようにtest以下が真っ赤になっており、このエラーが問題タブに表示されます。
17
+ VCcodeでこのプロジェクトフォルダを開くと、↓↓の画像のようにtest以下が真っ赤になっており、このエラーが問題タブに表示されます。
18
18
 
19
19
  test以下のファイルを開くか、このエラー画面をクリックするとエラーが消えるという不思議な挙動をします。
20
20
 
21
- ちなみにテストは普通に実行できます。
21
+ ただテストは普通に実行できて該当のファイルはパスします。
22
+
23
+ ![イメージ説明](b52f1e4263c23704f0db770d4e3b6b71.png)
22
24
 
23
25
  ### 発生している問題・エラーメッセージ
24
26
 
25
27
  ![イメージ説明](d1a86882cef8304a11aaff7798bb7e02.png)
28
+
29
+ `to the 'presets' section of your Babel configu to ebable transformation`
30
+
31
+ の意味がいまいちよくわかりません...。
26
32
 
27
33
  ### 該当のソースコード
28
34
 
@@ -178,4 +184,4 @@
178
184
 
179
185
  ![イメージ説明](06a27e0430a79d5a80f9407e5a8677e7.png)
180
186
 
181
- ただコピペする場所について根本的に間違えているような気もします。
187
+ ただ貼り付ける場所根本的に間違えているような気もします。