環境構築できているのかわからない

Question

概要

とても初歩的な質問ですが…
このブログを見ながら環境構築していたのですがeslint -vを実行しようとしても実行できないのでそもそも全部構築できていないのではないかと思いました

Answer 1

eslintはどのようにインストールしましたか？

たとえばグローバルではなく、プロジェクトフォルダーにインストールするなら、
$ npm install eslint --save-dev

eslintコマンドは、node_modules/.bin/eslint
にあります。

実行するときはnpxコマンドで起動します。
$ npx eslint -v
v8.5.0

eslintの定義ファイルを作るときは
$ npx eslint --init

? How would you like to use ESLint? …
To check syntax only
❯ To check syntax and find problems <--カーソルを動かしてスペースキーで確定
To check syntax, find problems, and enforce code style
以下、質問に答えていく

（インストールはnpmコマンドではなく、yarnコマンドでもよいです。）

Comments

[退会済みユーザー]

こんなエラーが出たんですが…
Oops! Something went wrong! :(

ESLint: 8.5.0

Error: Cannot find module '@eslint/eslintrc'
Require stack:
- /mnt/c/Users/Owner/node_modules/eslint/lib/cli-engine/cli-engine.js
- /mnt/c/Users/Owner/node_modules/eslint/lib/eslint/eslint.js
- /mnt/c/Users/Owner/node_modules/eslint/lib/eslint/index.js
- /mnt/c/Users/Owner/node_modules/eslint/lib/cli.js
- /mnt/c/Users/Owner/node_modules/eslint/bin/eslint.js
at Function.Module._resolveFilename (node:internal/modules/cjs/loader:933:15)
at Function.Module._load (node:internal/modules/cjs/loader:778:27)
at Module.require (node:internal/modules/cjs/loader:1005:19)
at require (/mnt/c/Users/Owner/node_modules/v8-compile-cache/v8-compile-cache.js:159:20)
at Object.<anonymous> (/mnt/c/Users/Owner/node_modules/eslint/lib/cli-engine/cli-engine.js:33:5)
at Module._compile (/mnt/c/Users/Owner/node_modules/v8-compile-cache/v8-compile-cache.js:192:30)
at Object.Module._extensions..js (node:internal/modules/cjs/loader:1153:10)
at Module.load (node:internal/modules/cjs/loader:981:32)
at Function.Module._load (node:internal/modules/cjs/loader:822:12)
at Module.require (node:internal/modules/cjs/loader:1005:19)

[退会済みユーザー]

直りました
ところで上記サイト下部にあるApp.test.tsxについて、このファイルが見当たらないのですがどこにあるのでしょう？

[technocore]

そのサイトは見ていませんが、ファイル検索してください。
なければ新規作成してください。

[退会済みユーザー]

重ね重ね申し訳ございません
Reactについてなんですが
npm startを実行しようとしたら
> start
> react-scripts start

sh: 1: react-scripts: not found
というエラーが出たんですがどうすればいいのでしょう

[technocore]

package.jsonファイルのscripts項目に、実行方法を記載しないとダメですよ。

[退会済みユーザー]

こんな感じで書いているんですが…
"scripts": {
"start": "react-scripts start",
"build": "react-scripts build",
"test": "react-scripts test",
"eject": "react-scripts eject",
"lint": "eslint --ext .ts,.tsx ./src",
"fix": "yarn format && yarn lint:fix",
"format": "prettier --write 'src/**/*.{js,jsx,ts,tsx}'",
"lint:fix": "eslint --fix 'src/**/*.{js,jsx,ts,tsx}'"
},

[technocore]

＞sh: 1: react-scripts: not found

react-scriptsファイルはnode_modules/.binディレクトリにあります。
それが無いということは環境構築に失敗していることになります。
eslintが動かなかったのも失敗の一つでしょう。
手順をよく見てやり直してみてください。