常連

yarnを発行することで
全てのパッケージと依存関係をインストールしたいです。
[リンク内容](https://qiita.com/senou/items/d939601e32c0005ebfe3)

インストールコマンドを発行した後に
yarnコマンドを発行しましたところ失敗に終わりました。

```ここに言語を入力
npm install yarn

> yarn@1.22.10 preinstall /home/ec2-user/node_modules/yarn
> :; (node ./preinstall.js > /dev/null 2>&1 || true)

npm notice created a lockfile as package-lock.json. You should commit this file.
+ yarn@1.22.10
added 1 package and audited 1 package in 0.408s
found 0 vulnerabilities
```
```ここに言語を入力
yarn
-bash: yarn: command not found
```

package.jsonには
"yarn": "^1.22.10"が追加されていることを確認できます。

yarnコマンドが実行できない

### React　アプリを立ち上げたい

ターミナルで```create-react-app hello-react```を行い、アプリを作成しました。
その後、```yarn start```コマンドで立ち上げようとすると以下のエラーが発生しました。
自分なりに調べたのですが、解決できなかったため質問させていただきます。
(```npm start```なども試しましたが、アプリは起動できませんでした。)
####環境
- node v17.0.1
- Homebrew 3.3.0
- yarn 1.22.17
- yarn global add create-react-app 済み
- macOS Catalina(10.15.7)

### 発生している問題・エラーメッセージ

```
yarn run v1.22.17
$ react-scripts start
node:internal/modules/cjs/loader:488
      throw e;
      ^

Error [ERR_PACKAGE_PATH_NOT_EXPORTED]: Package subpath './lib/tokenize' is not defined by "exports" in /Users/ken0426/portfolio/React/hello-react/node_modules/postcss-safe-parser/node_modules/postcss/package.json
    at new NodeError (node:internal/errors:371:5)
    at throwExportsNotFound (node:internal/modules/esm/resolve:416:9)
    at packageExportsResolve (node:internal/modules/esm/resolve:669:3)
    at resolveExports (node:internal/modules/cjs/loader:482:36)
    at Function.Module._findPath (node:internal/modules/cjs/loader:522:31)
    at Function.Module._resolveFilename (node:internal/modules/cjs/loader:919:27)
    at Function.Module._load (node:internal/modules/cjs/loader:778:27)
    at Module.require (node:internal/modules/cjs/loader:999:19)
    at require (node:internal/modules/cjs/helpers:102:18)
    at Object.<anonymous> (/Users/ken0426/portfolio/React/hello-react/node_modules/postcss-safe-parser/lib/safe-parser.js:1:17) {
  code: 'ERR_PACKAGE_PATH_NOT_EXPORTED'
}

Node.js v17.0.1
error Command failed with exit code 1.
info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.
ユーザー名@自分のPC名 hello-react % code .
```

### 試したこと
- 一度アプリを削除し作り直した
- node、Homebrew、yarnなどのインストールをやり直した。

Reactでアプリを立ち上げたい

### 前提・実現したいこと



### 発生している問題・エラーメッセージ

Bitbuket&Sourcetreeを使用しています。
先日nodeのバージョンをアップデートしたところ、Sourcetreeのコミットの際以下のエラー文が発生しました。
```ここに言語を入力
.husky/pre-commit: line 4: yarn: command not found
husky - pre-commit hook exited with code 127 (error)
```




### 試したこと

CUIでコミットしました。
```ここに言語を入力
git commit -m ""
```
こちらはコミットできました。

※尚、SourceTree上では**コミット**ができないのみで**プッシュ**、**プル**は問題なく動作します。

しかし、利便上SourceTreeを使えないと不便なので、SourceTree上で操作できるよう直したいです。


### 補足情報（FW/ツールのバージョンなど）

React:17.0.2
TypeScript:4.5.2
husky:7.0.4
git:2.24.3
SourceTree:4.0.2
yarn:1.22.17

SourceTreeでコミットができない！

### 現状
npmのインストール後、yarnのインストールを行っているのですが、
yarn install とコマンドすると、

> **-bash: yarn: command not found**

と返ってきます。

### 実現したいこと
yarnのサイトを参考にして、以下のコマンドを入力すると、successの文字が返ってきました。
```ここに言語を入力
curl -o- -L https://yarnpkg.com/install.sh | bash
```

ところが、その後に、以下のコマンドを打つと、yarn: command not found が返ってきてしまいました。
```ここに言語を入力
yarn install
```

[https://classic.yarnpkg.com/en/docs/install/#mac-stable](https://classic.yarnpkg.com/en/docs/install/#mac-stable)


uninstallをして試しているのですが、なかなか解決しません。
初心者で申し訳ありませんが、ご教示いただけますとうれしいです。

【npm, node】yarnのインストールの方法について

Nuxt.jsの勉強をしており、yarnを用いてローカルアプリの実行をしています。
アプリ実行時はターミナルで以下のコマンドで行なっています。
```
yarn dev
```
アプリはうまく実行できるのですが、アプリを終了させる方法が分かりません。
現状はターミナルを閉じてアプリを強制的に終了させています。

質問
アプリ終了のコマンドを教えてください。
できれば、参考になるサイト等があれば記載もお願いします。

yarn　dev　でアプリを実行した後の終了方法

### 前提・実現したいこと

vue.jsの.envが試してみたく、以下の手順に沿って実施しました。
https://tech.mof-mof.co.jp/blog/vue-cli3-env/

VUE_APPの接頭辞をつけたVUE_APP_SECRETとVUE_APP_FOOについては、それぞれundefinedではなくsecretとfooが表示されるはずなのですが、そうなりません。

### 発生している問題・エラーメッセージ

developer toolで確認すると、undefinedと表示されてしまいます。

![イメージ説明](28c683f65413ab2313e900571f41540e.png)

### 該当のソースコード（実際に試した手順）

#### プロジェクトの作成
```
$ mkdir env-vuejs-test
$ cd env-vuejs-test/
$ vue create todo-vue-cli
$ cd todo-vue-cli/
$ touch src/.env
```

#### main.jsと.envの修正
src/main.js
```mainjs
import Vue from 'vue'
import App from './App.vue'

Vue.config.productionTip = false

console.log(process.env.FOO)
console.log(process.env.SECRET)
console.log(process.env.VUE_APP_SECRET)
console.log(process.env.VUE_APP_FOO)

new Vue({
  render: h => h(App),
}).$mount('#app')

```

src/.env

```env
FOO=foo
SECRET=secret
VUE_APP_FOO=vue_app_foo
VUE_APP_SECRET=vue_app_secret
```

#### 実行

```
$ yarn serve
```
localhost:8000にアクセスしまして、developer toolを確認しました。

### 補足情報（FW/ツールのバージョンなど）

@vue/cli 4.3.1
Mac OS 10.15.4
Chrome 81.0.4044.138
VS Code 1.45.0

Vue.jsで.envを使って環境変数を読み込みたい

# 問題
docker-composeをもちいてdjango,postgresql,reactをもちいたwebかいはつをおこなっております。
docker内で、reactをbuildしたさいになぜか、pakage.jsonにあるものをinstallしてくれません。
そのため、react-scriptsがないとerrorでおこられます。
がいとうするファイルを共有します。

# 該当するコード
docker-compose.yml
```
version: '3'

services:
  db:
    image: postgres
    ports:
      - "5432:5432"
    environment:
      POSTGRES_HOST_AUTH_METHOD: 'trust'
  django:
    build: ./backend
    volumes:
      - ./backend:/backend
    ports:
      - "8000:8000"
    depends_on:
      - db
    command: "bash -c 'python manage.py makemigrations && python manage.py migrate && python manage.py runserver 0.0.0.0:8000'"
    tty: true
  frontend:
    build: ./frontend
    entrypoint: "bash -c 'npm install && yarn start'"
    volumes:
      - ./frontend:/frontend
    ports:
      - "3000:3000"
    depends_on:
      - django

volumes:
  node-modules:
```
frontのDockerfile

```
FROM node

WORKDIR /frontend

COPY package.json /frontend
RUN yarn install
COPY . /frontend

EXPOSE 3000
CMD ["yarn", "run", "start"]
```

エラー
```
db_1        | 
db_1        | PostgreSQL Database directory appears to contain a database; Skipping initialization
db_1        | 
db_1        | 2021-02-04 07:24:11.717 UTC [1] LOG:  starting PostgreSQL 13.1 (Debian 13.1-1.pgdg100+1) on x86_64-pc-linux-gnu, compiled by gcc (Debian 8.3.0-6) 8.3.0, 64-bit
db_1        | 2021-02-04 07:24:11.717 UTC [1] LOG:  listening on IPv4 address "0.0.0.0", port 5432
db_1        | 2021-02-04 07:24:11.717 UTC [1] LOG:  listening on IPv6 address "::", port 5432
db_1        | 2021-02-04 07:24:11.736 UTC [1] LOG:  listening on Unix socket "/var/run/postgresql/.s.PGSQL.5432"
db_1        | 2021-02-04 07:24:11.745 UTC [29] LOG:  database system was interrupted; last known up at 2021-02-04 07:21:58 UTC
db_1        | 2021-02-04 07:24:11.831 UTC [29] LOG:  database system was not properly shut down; automatic recovery in progress
db_1        | 2021-02-04 07:24:11.832 UTC [29] LOG:  redo starts at 0/163C2B0
db_1        | 2021-02-04 07:24:11.832 UTC [29] LOG:  invalid record length at 0/163C2E8: wanted 24, got 0
db_1        | 2021-02-04 07:24:11.832 UTC [29] LOG:  redo done at 0/163C2B0
db_1        | 2021-02-04 07:24:11.840 UTC [1] LOG:  database system is ready to accept connections
django_1    | No changes detected
django_1    | Operations to perform:
django_1    |   Apply all migrations: admin, auth, contenttypes, sessions, todo
django_1    | Running migrations:
django_1    |   No migrations to apply.
django_1    | Performing system checks...
django_1    | 
django_1    | System check identified no issues (0 silenced).
django_1    | February 04, 2021 - 07:24:13
django_1    | Django version 3.1.6, using settings 'backend.settings'
django_1    | Starting development server at http://0.0.0.0:8000/
django_1    | Quit the server with CONTROL-C.
frontend_1  | 
frontend_1  | changed 10 packages, and audited 1835 packages in 2s
frontend_1  | 
frontend_1  | found 0 vulnerabilities
frontend_1  | npm notice 
frontend_1  | npm notice New patch version of npm available! 7.5.1 -> 7.5.2
frontend_1  | npm notice Changelog: <https://github.com/npm/cli/releases/tag/v7.5.2>
frontend_1  | npm notice Run `npm install -g npm@7.5.2` to update!
frontend_1  | npm notice 
frontend_1  | yarn run v1.22.5
frontend_1  | $ react-scripts start
frontend_1  | /bin/sh: 1: react-scripts: not found
frontend_1  | error Command failed with exit code 127.
frontend_1  | info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.
todo_test_frontend_1 exited with code 127

```

# ためしたこと、
Dockerfileにたいして、```RUN npm install```を```RUN yarn install```に変更。
```
npm notice 
npm notice New patch version of npm available! 7.5.1 -> 7.5.2
npm notice Changelog: <https://github.com/npm/cli/releases/tag/v7.5.2>
npm notice Run `npm install -g npm@7.5.2` to update!
npm notice 
npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR! 
npm ERR! Found: react@17.0.1
npm ERR! node_modules/react
npm ERR!   react@"^17.0.1" from the root project
npm ERR!   peer react@"*" from @testing-library/react@11.2.5
npm ERR!   node_modules/@testing-library/react
npm ERR!     @testing-library/react@"^11.1.0" from the root project
npm ERR!   3 more (react-dom, react-scripts, reactstrap)
npm ERR! 
npm ERR! Could not resolve dependency:
npm ERR! peer react@"0.14.x || ^15.0.0 || ^16.0.0" from react-popper@1.3.7
npm ERR! node_modules/reactstrap/node_modules/react-popper
npm ERR!   react-popper@"^1.3.6" from reactstrap@8.9.0
npm ERR!   node_modules/reactstrap
npm ERR!     reactstrap@"^8.9.0" from the root project
npm ERR! 
npm ERR! Fix the upstream dependency conflict, or retry
npm ERR! this command with --force, or --legacy-peer-deps
npm ERR! to accept an incorrect (and potentially broken) dependency resolution.
npm ERR! 
npm ERR! See /root/.npm/eresolve-report.txt for a full report.

npm ERR! A complete log of this run can be found in:
npm ERR!     /root/.npm/_logs/2021-02-04T08_40_33_006Z-debug.log
```

node_moudelsをマウントして、package.jsonのreact_scriptsのpathを変更した

```
frontend_1  | 
frontend_1  | removed 317 packages, and audited 1835 packages in 3s
frontend_1  | 
frontend_1  | found 0 vulnerabilities
frontend_1  | npm notice 
frontend_1  | npm notice New patch version of npm available! 7.5.1 -> 7.5.2
frontend_1  | npm notice Changelog: <https://github.com/npm/cli/releases/tag/v7.5.2>
frontend_1  | npm notice Run `npm install -g npm@7.5.2` to update!
frontend_1  | npm notice 
frontend_1  | yarn run v1.22.5
frontend_1  | $ react-scripts start
frontend_1  | node:internal/modules/cjs/loader:928
frontend_1  |   throw err;
frontend_1  |   ^
frontend_1  | 
frontend_1  | Error: Cannot find module 'rollup-plugin-babel'
frontend_1  | Require stack:
frontend_1  | - /frontend/node_modules/workbox-build/build/lib/bundle.js
frontend_1  | - /frontend/node_modules/workbox-webpack-plugin/build/generate-sw.js
frontend_1  | - /frontend/node_modules/workbox-webpack-plugin/build/index.js
frontend_1  | - /frontend/node_modules/react-scripts/config/webpack.config.js
frontend_1  | - /frontend/node_modules/react-scripts/scripts/start.js
frontend_1  |     at Function.Module._resolveFilename (node:internal/modules/cjs/loader:925:15)
frontend_1  |     at Function.Module._load (node:internal/modules/cjs/loader:769:27)
frontend_1  |     at Module.require (node:internal/modules/cjs/loader:997:19)
frontend_1  |     at require (node:internal/modules/cjs/helpers:92:18)
frontend_1  |     at Object.<anonymous> (/frontend/node_modules/workbox-build/build/lib/bundle.js:22:15)
frontend_1  |     at Module._compile (node:internal/modules/cjs/loader:1108:14)
frontend_1  |     at Object.Module._extensions..js (node:internal/modules/cjs/loader:1137:10)
frontend_1  |     at Module.load (node:internal/modules/cjs/loader:973:32)
frontend_1  |     at Function.Module._load (node:internal/modules/cjs/loader:813:14)
frontend_1  |     at Module.require (node:internal/modules/cjs/loader:997:19) {
frontend_1  |   code: 'MODULE_NOT_FOUND',
frontend_1  |   requireStack: [
frontend_1  |     '/frontend/node_modules/workbox-build/build/lib/bundle.js',
frontend_1  |     '/frontend/node_modules/workbox-webpack-plugin/build/generate-sw.js',
frontend_1  |     '/frontend/node_modules/workbox-webpack-plugin/build/index.js',
frontend_1  |     '/frontend/node_modules/react-scripts/config/webpack.config.js',
frontend_1  |     '/frontend/node_modules/react-scripts/scripts/start.js'
frontend_1  |   ]
frontend_1  | }
frontend_1  | error Command failed with exit code 1.
frontend_1  | info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.
```

docker-compose,Reactにおける/bin/sh: 1: react-scripts: not foundの解決方法について

開発環境：Mac OS
yarn:1.17.3
vue:3.10.0
npm:6.9.0
firebase:7.3.2
core-js@2.6.9


###実現したいこと

下記のサイトを参考にさせていただき、お問い合わせフォームを実装すべく、vueを立ち上げたいのです。

[Vue.js + Firebase functionsでお問い合わせフォームを作成する](https://qiita.com/ryo2132/items/7cdd6c86dd418095f74a)のサイトの

「1. プロジェクトの準備」の部分で、
$ yarn serve
とターミナルで打つと、

下記のようなエラーが出て、vueが立ち上がりません。

###発生しているエラーメッセージ
yarn run v1.17.3
$ vue-cli-service serve
/bin/sh: vue-cli-service: command not found
error Command failed with exit code 127.
info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.


###試したこと
エラーについて調べ、[このサイト](https://qiita.com/Linda_pp/items/1104d2d9a263b60e104b)によると、「exit code 127」は、「コマンドが足りていない」とあり、何が足りないか分かりませんでした。
infoの部分のサイトで調べましたが、どうすれば良いか分かりませんでした。

Yarn