回答編集履歴

1

追記をみて変更

2021/07/01 03:48

投稿

arark
arark

スコア69

test CHANGED
@@ -1,3 +1,33 @@
1
1
  ちょっとやりたいことがよくわかっていないのですが、Technic.tsxがTecnic.tsxになっているように見えます。
2
2
 
3
3
  もしコードも同じtypoをしているなら直してみてください。
4
+
5
+
6
+
7
+ 追記
8
+
9
+
10
+
11
+ 編集後の質問みました。やはり`Module not found`というエラーが出ているので、typoしている可能性が高いです。もしくはファイルを間違えて`components/`以外においてしまったとか。
12
+
13
+
14
+
15
+ `'Technic' が宣言されていますが、その値が読み取られることはありません`というエラーですが、そもそもこれはエラーじゃなくてWarningです。おそらくVScode自体に表示されていると思います。
16
+
17
+ これはtechnic.tsxでexportしているのがTechnicコンポーネントじゃなくてmaterialUIのBoxコンポーネントだからです。
18
+
19
+ 私はコンポーネントの宣言とexportを同時にやりたいので
20
+
21
+ ```js
22
+
23
+ export default function Technic(){
24
+
25
+ return '...'
26
+
27
+ }
28
+
29
+ ```
30
+
31
+
32
+
33
+ と書く方が好みですね。(そもそもdefault exportはimport側で勝手に名前を変更できるのでただのexportを使った方がいいという話はあります。)