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