react typescript 「Could not find a required file. index.js」のエラーで起動できない

Question

react　　typescriptのエラー解消方法教えていただきたいです。

[前段]
reactの　typescriptにて　firebase　firestoreの実装をしています。

以下の記事をもとに
https://qiita.com/kazzzzzz/items/e3ee886701aeef59bdf8

プロジェクト作成後にブラウザでサービス起動は確認できました。
※「まずはダミーのデータを用いて描画処理」も起動できました。

[エラー内容]

そのあと、firebaseのライブラリをインストール
npm install firebase

の後に、npm start にて起動すると
以下のエラーがでてしまいます。（起動できない）

Could not find a required file.
Name: index.js
Searched in: /Users/XXXXXXX/Documents/source/react_20210924/react-ts-firebase/src

react-ts-firebase/src配下に
index.tsをおいています。（typescriptなので）

ですがindex.jsがないと怒られてしまいます。

react バージョン　17.0.2です。
node バージョン　v16.5.0です。

[試したこと]
Could not find a required file. Name: index.js
のキーワードでググりましたが、
検索結果はあるにはあるのですが、
ジャストフィットしたものを探すことができませんでした。

[皆様へお願い]

お忙しい失礼します。
同じエラーで躓い方がいらっしゃいましたらご教授願いますか。
お手数おかけします。

不足情報ありましたら追記致します。
何卒よろしくおねがいします。

Comments

[hoshi-takanori]

参考記事はプロジェクト生成時に
npx create-react-app react-ts-firebase --typescript
とするように書いてますが、正しくは
npx create-react-app react-ts-firebase --template typescript
のような…。(最初から src/index.tsx や src/App.tsx ありましたか？)
https://create-react-app.dev/docs/adding-typescript/

[MataSema]

ありがとうございます！

ご教授いただいたコマンドにてプロジェクトを再作成したら
同じ手順で試したらエラー解消しました。

ただ別のエラーに遭遇してしまいました。

./src/index.tsx
Module not found: Can't resolve './serviceWorker' in '/Users/XXXXXXX/Documents/source/react_20210925/react-ts-firebase__/src'

別問題なので、がんばりたいと思います！

大変助かりました。

[hoshi-takanori]

index.tsx の
import * as serviceWorker from "./serviceWorker";
と
serviceWorker.unregister();
は不要ですね。

[MataSema]

ありがとうございます！
上記コメントアウトしたら、エラー消えました。
助かりました。