質問編集履歴
3
fixed
test
CHANGED
File without changes
|
test
CHANGED
@@ -245,4 +245,4 @@
|
|
245
245
|
|
246
246
|
また、マルチポストをしています。不快に思われたら申し訳ございません。
|
247
247
|
|
248
|
-
|
248
|
+
https://ja.stackoverflow.com/questions/90568/cannot-use-jsx-unless-the-jsx-flag-is-provided-%e3%81%8c%e3%81%a7%e3%81%a6jest%e3%81%8c%e4%bd%bf%e3%81%88%e3%81%aa%e3%81%84
|
2
修正
test
CHANGED
File without changes
|
test
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
### 前提
|
2
2
|
|
3
|
-
バックエンド側(RoR)とフロントエンド側(React TypeScript *一部JavaScript)に分けてDockerで開発を行っています。フロントエンド側でテストを使用したいと思ったので、Jestをインストールし、テストを走らせましたが、なぜ
|
3
|
+
バックエンド側(RoR)とフロントエンド側(React TypeScript *一部JavaScript)に分けてDockerで開発を行っています。フロントエンド側でテストを使用したいと思ったので、Jestをインストールし、テストを走らせましたが、なぜかテストファイルの初期値でもエラーが起きてしまいます。
|
4
4
|
|
5
5
|
|
6
6
|
### 発生している問題・エラーメッセージ
|
@@ -180,9 +180,9 @@
|
|
180
180
|
3 compilerOptions.jsx = react-jsx "jsx": "preserve"も試す
|
181
181
|
改善せず。エラーも変わらない
|
182
182
|
4 node_modeulesの再インストールを行う
|
183
|
-
rm -rf node_modulesで削除して、yarnでもう一度再インストールを行った。改善せず。
|
183
|
+
rm -rf node_modulesでnode_modulesファイルを削除し、rm -f package-lock.json 、yarn cache cleanも実行して、yarnでもう一度再インストールを行った。改善せず。
|
184
|
-
|
184
|
+
|
185
|
-
もしかすると最初に上げたサイトのひとがpackage.json とtsconfig.jsonを書き間違えているのではないかと推測して、
|
185
|
+
5 もしかすると最初に上げたサイトのひとがpackage.json とtsconfig.jsonを書き間違えているのではないかと推測して、
|
186
186
|
```json
|
187
187
|
"scripts": {
|
188
188
|
"test": "jest"
|
@@ -193,8 +193,13 @@
|
|
193
193
|
```
|
194
194
|
これをtsconfig.jsonにも記述
|
195
195
|
しかし、改善せず。
|
196
|
+
6 dockerを再度buildする
|
197
|
+
改善せず。
|
198
|
+
7 typescriptのバージョンを合わせる
|
199
|
+
DockerとVSCodeのTypeScriptのバージョンを合わせてテストを実行。しかし、改善せず。
|
200
|
+
|
196
201
|
### 自分の考察など
|
197
|
-
・エラーが起きると、それ以上先のテストが行われないという挙動
|
202
|
+
・エラーが起きると、それ以上先のテストが行われないという挙動に違和感?がある(Rspecではこのような挙動は取らなかった)
|
198
203
|
・エラー部分を削除すると、
|
199
204
|
```tsx
|
200
205
|
test("1+1=2", () => {
|
@@ -223,7 +228,7 @@
|
|
223
228
|
・何かしらアドバイスがあればよろしくお願いいたします。不備があれば追記します。
|
224
229
|
|
225
230
|
## 追記
|
226
|
-
・再起動を行いましたがだめでした。また、
|
231
|
+
・本体再起動を行いましたがだめでした。また、
|
227
232
|
```json
|
228
233
|
"esModuleInterop": true,
|
229
234
|
```
|
@@ -231,11 +236,13 @@
|
|
231
236
|
```js
|
232
237
|
ts-jest[config] (WARN) message TS151001: If you have issues related to imports, you should consider setting `esModuleInterop` to `true` in your TypeScript configuration file (usually `tsconfig.json`). See https://blogs.msdn.microsoft.com/typescript/2018/01/31/announcing-typescript-2-7/#easier-ecmascript-module-interoperability for more information.
|
233
238
|
```
|
234
|
-
このようなエラーが発生します。私のディレクトリ構造がおかしいのでしょうか?
|
239
|
+
このようなエラーが発生します。私のディレクトリ構造がおかしいのでしょうか?ディレクトリ構造で怪しい点が2つあります。
|
235
240
|
https://qiita.com/taki_21/items/613f6a00bc432d1c221d
|
236
241
|
この方の情報通りにコマンドを実行したのですが、
|
237
242
|
1 node_modulesが2つできる
|
238
243
|
2 package.jsonも2つできる
|
239
|
-
なぜかこのような挙動を取りますが、これは仕様でしょうか?
|
244
|
+
なぜかこのような挙動を取りますが、これは仕様でしょうか?なぜ同じファイル・ディレクトリが生成されるのでしょうか?
|
245
|
+
|
240
|
-
|
246
|
+
また、マルチポストをしています。不快に思われたら申し訳ございません。
|
241
|
-
|
247
|
+
|
248
|
+
|
1
追記
test
CHANGED
File without changes
|
test
CHANGED
@@ -222,3 +222,20 @@
|
|
222
222
|
よって、何かしらインポートしていないものがあると予想。しかし、追加でインストールを促すエラーが出ていないのでここで詰まった
|
223
223
|
・何かしらアドバイスがあればよろしくお願いいたします。不備があれば追記します。
|
224
224
|
|
225
|
+
## 追記
|
226
|
+
・再起動を行いましたがだめでした。また、
|
227
|
+
```json
|
228
|
+
"esModuleInterop": true,
|
229
|
+
```
|
230
|
+
のように設定しているにもかかわらず、
|
231
|
+
```js
|
232
|
+
ts-jest[config] (WARN) message TS151001: If you have issues related to imports, you should consider setting `esModuleInterop` to `true` in your TypeScript configuration file (usually `tsconfig.json`). See https://blogs.msdn.microsoft.com/typescript/2018/01/31/announcing-typescript-2-7/#easier-ecmascript-module-interoperability for more information.
|
233
|
+
```
|
234
|
+
このようなエラーが発生します。私のディレクトリ構造がおかしいのでしょうか?疑問点が2つあります。
|
235
|
+
https://qiita.com/taki_21/items/613f6a00bc432d1c221d
|
236
|
+
この方の情報通りにコマンドを実行したのですが、
|
237
|
+
1 node_modulesが2つできる
|
238
|
+
2 package.jsonも2つできる
|
239
|
+
なぜかこのような挙動を取りますが、これは仕様でしょうか?
|
240
|
+
|
241
|
+
|