質問編集履歴
5
質問箇所訂正
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -8,6 +8,11 @@
|
|
|
8
8
|
② エラー表示を消したい。
|
|
9
9
|
|
|
10
10
|
2. 実際のコードとエラーが出ている箇所
|
|
11
|
+
コンパイルした際のエラー表示文
|
|
12
|
+
Failed to compile
|
|
13
|
+
./src/App.tsx
|
|
14
|
+
Module not found: Can't resolve './components/Technic' in '/Users/kitoumasaomi/Desktop/front_end_one/src'
|
|
15
|
+
|
|
11
16
|
※下記のソースコードは引用テキストを雛形として参考にし、装飾等はサイトを検索して、カスタムをしています。
|
|
12
17
|
https://qiita.com/kazama1209/items/868c09393007cc9b234f#%E3%82%B9%E3%82%AD%E3%83%AB%E4%B8%80%E8%A6%A7skills%E3%82%92%E4%BD%9C%E6%88%90
|
|
13
18
|
|
4
質問箇所訂正
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -1,7 +1,13 @@
|
|
|
1
1
|
サイトを参考にしながら、React×Typscriptで、プロフィールサイトを作成しています。
|
|
2
|
-
|
|
2
|
+
コンポーネント化をしたく、Skills．tsx内からTechnic．tsxを作成し、ソースコードを作成しました。
|
|
3
|
-
|
|
3
|
+
色々調べて実装したのですが、エラー表示が出て、これ以上積んでわからない状態です。
|
|
4
4
|
何方かアドバイスをお願いします。
|
|
5
|
+
|
|
6
|
+
1. 期待する動作
|
|
7
|
+
① Skills.tsx内の『<Box display='flex' justifyContent='center' p={1} >』以下をコンポーネント化したい。
|
|
8
|
+
② エラー表示を消したい。
|
|
9
|
+
|
|
10
|
+
2. 実際のコードとエラーが出ている箇所
|
|
5
11
|
※下記のソースコードは引用テキストを雛形として参考にし、装飾等はサイトを検索して、カスタムをしています。
|
|
6
12
|
https://qiita.com/kazama1209/items/868c09393007cc9b234f#%E3%82%B9%E3%82%AD%E3%83%AB%E4%B8%80%E8%A6%A7skills%E3%82%92%E4%BD%9C%E6%88%90
|
|
7
13
|
|
3
文章訂正
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -68,7 +68,7 @@
|
|
|
68
68
|
</Box>
|
|
69
69
|
|
|
70
70
|
|
|
71
|
-
※ コンポーネント化（
|
|
71
|
+
※ コンポーネント化（Technic.tsx)したい箇所
|
|
72
72
|
{/* <Box display='flex' justifyContent='center' p={1} >
|
|
73
73
|
<Card className={classes.root}>
|
|
74
74
|
<CardContent>
|
|
@@ -126,7 +126,7 @@
|
|
|
126
126
|
|
|
127
127
|
export default Skills;
|
|
128
128
|
```
|
|
129
|
-
```
|
|
129
|
+
```Technictsx
|
|
130
130
|
※ コンポーネント化（Tecnic.tsx)したファイル
|
|
131
131
|
|
|
132
132
|
import React from "react";
|
2
文章訂正
title
CHANGED
|
@@ -1,1 +1,1 @@
|
|
|
1
|
-
【React】コンポーネント化
|
|
1
|
+
【React】コンポーネント化しようとするとエラーが発生する
|
body
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
|
|
1
|
+
サイトを参考にしながら、React×Typscriptで、プロフィールサイトを作成しています。
|
|
2
2
|
Skills.tsx内の『<Box display='flex' justifyContent='center' p={1} >』以下をコンポーネント化したく、
|
|
3
3
|
Technic．tsxを作成し、色々調べて実装したのですが、エラー表示が出て、これ以上積んでわからない状態です。
|
|
4
4
|
何方かアドバイスをお願いします。
|
1
エラー文の表示
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -12,8 +12,8 @@
|
|
|
12
12
|
import About from './components/About';
|
|
13
13
|
import Skills from './components/Skills';
|
|
14
14
|
import Technic from './components/Technic';
|
|
15
|
+
※エラー文'./components/Technic' またはそれに対応する型宣言が見つかりません。
|
|
15
16
|
|
|
16
|
-
|
|
17
17
|
const App: React.FC = () => {
|
|
18
18
|
return (
|
|
19
19
|
<>
|
|
@@ -144,6 +144,7 @@
|
|
|
144
144
|
});
|
|
145
145
|
|
|
146
146
|
const Technic: React.FC = () => {
|
|
147
|
+
※エラー文 ： 'Technic' が宣言されていますが、その値が読み取られることはありません。
|
|
147
148
|
const classes = useStyles();
|
|
148
149
|
|
|
149
150
|
return (
|