コンパイル失敗とはどういうことでしょうか。Visual Studio Code

Question

Visual Studio CodeでCSSやjsのファイルを作成して、その後、npm startをターミナルに入力してコンパイルしてみましたが、失敗とお知らせがきます。
エラーメッセージと共に以下のようなお知らせがありました。
./src/index.js
Module not found: Can't resolve './App' in 'C:\Users\timon\ravenous\ravenous1\src'
モジュールが見つからないとはどういうことでしょうか。
どうぞよろしくお願いいたします。

Comments

[maisumakun]

C:\Users\timon\ravenous\ravenous1\src\App.jsの中身はどのようになっていますか？

[Chibichan]

APP.jsの内容です。教本通りに入力して、確認もしましたが、どこが問題なのかわかりません。
import React from 'react';
import './App.css';
import logo from './logo.svg';
import BusinessList from '../BusinessList/BusinessList';
import SearchBar from '../SearchBar/SearchBar';
import { render } from '@testing-library/react';

class App extends React.Component() {
render (){
return (
<div className="App">
<h1>ravenous</h1>
<SearchBar />
<BusinessList />
</div>
)
}
}

export default App;

[hentaiman]

書籍のタイトルは？その通りの記述なら訂正情報が出版社のサイトあたりに出いてもおかしくないですよ

[Chibichan]

ありがとうございます。私が間違っているのだと思います。Codeacademyサイトのプロジェクトです。
今、挑戦してみましたが、次は、このメッセージでした。
Module not found: Can't resolve './logo.svg' in 'C:\Users\timon\ravenous\ravenous1\src\components\APP'
logo.svgは、src内にあり、APP内にないので、こちらが間違っていると言うことでしょうか。
import logo from './logo.svg';

[hentaiman]

質問者の環境のディレクトリ構成とか分からないので、その記述をしているファイルから相対的に正しいパスを設定しましょう
まあその辺は聞く前に試しましょう。

[Chibichan]

ありがとうございます。試してみます。

Answer 1

教本通りに入力して、確認もしましたが、どこが問題なのかわかりません。

class App extends React.Component()の()は、本当に存在しましたか？そのとおりに書いても正常に動作しません。

（エラーメッセージの内容からするとここ以外の問題のようにも思われますが、「教本通りに入力して、確認もしました」というのが正しいとすると、教本のコードに誤りがあることも考えられます）

Answer 2

質問文が情報不足で何も答えられませんが、たとえば想像すると
SCCSをCSSにコンパイルするタスクを実行したらNPMのモジュールが無くてコンパイルエラー
あたりでしょうか？
あなたの環境やタスクソースを見直してください、としか言えませんが。

Answer 3

コンパイル失敗とはどういうことでしょうか。

エラーが出てコンパイルできないってことです。
そのエラーがどういうものなのか出力してくれてますんで、それを読んで理解しましょう

Module not found: Can't resolve './App'

./App が解決できないと言ってますんで、そこらへんの記述を確認してみては。