React：フォルダコピーし後に、npm run startが失敗する

Question

React初心者です。フレームワーク初心者です。

とある、フォルダから、npm run startを実行したところ正常に実行されることが確認できました。
しかし、そのフォルダをcp -rコマンドで、コピーをし、そのコピーしたフォルダから、npm run startを
実行したところ、下記エラーが出力されました。
こちらはフォルダのコピーしか行っていないのに、なぜ下記エラーが出力されるのでしょうか？

ご回答のほどよろしくお願いいたします。

> react@0.1.0 start /Users/test/Desktop/all_folder/react/client
> react-scripts start

internal/modules/cjs/loader.js:968
  throw err;
  ^

Error: Cannot find module '../scripts/start'
Require stack:
- /Users/test/Desktop/all_folder/reactclient/node_modules/.bin/react-scripts
    at Function.Module._resolveFilename (internal/modules/cjs/loader.js:965:15)
    at Function.resolve (internal/modules/cjs/helpers.js:78:19)
    at Object.<anonymous> (/Users/test/Desktop/all_folder/react/client/node_modules/.bin/react-scripts:31:23)
    at Module._compile (internal/modules/cjs/loader.js:1137:30)
    at Object.Module._extensions..js (internal/modules/cjs/loader.js:1157:10)
    at Module.load (internal/modules/cjs/loader.js:985:32)
    at Function.Module._load (internal/modules/cjs/loader.js:878:14)
    at Function.executeUserEntryPoint [as runMain] (internal/modules/run_main.js:71:12)
    at internal/main/run_main_module.js:17:47 {
  code: 'MODULE_NOT_FOUND',
  requireStack: [
    '/Users/test/Desktop/all_folder/react/client/node_modules/.bin/react-scripts'
  ]
}
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! react@0.1.0 start: `react-scripts start`
npm ERR! Exit status 1
npm ERR! 
npm ERR! Failed at the react@0.1.0 start script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR!     /Users/user/.npm/_logs/2020-10-22T12_51_01_580Z-debug.log

Answer 1

当該フォルダのnode_modulesディレクトリを削除して、npm installを行うとnpm run startが成功します。

エラーが出ている理由は、cp -r によってnode_module/.bin/のシンボリックリンクがリンク先のファイルに置き換わり、package.jsonのstartに定義されているreact-scripts startが正常に実行できなくなったためです。

具体的には、正常な動きは下記になります
1.npm run startは、package.jsonの定義にしたがって、react-scripts startを実行する
2.npmはnode_module/.bin/react-scriptsを探す
3.node_module/.bin/react-scriptsはnpm installの処理でシンボリックリンクが設定されており、
.node_module/react-scripts/.bin/react-scripts.jsを実行する
4.react-scripts.jsが.node_module/react-scripts/scripts/start.js（../scripts/start.js）を実行して、ビルドの処理が始まる

今回は下記の動きになってエラーが起きています。
1.npm run startは、package.jsonの定義にしたがって、react-scripts startを実行する
2.npmはnode_module/.bin/react-scriptsを問い合わせる
//ここまで正常な動きと同じ

3.node_module/.bin/react-scriptsのシンボリックリンクはcp -rによって、.node_module/.bin/react-scripts.js（実行ファイル先の実体）に置き換わっている。
4.react-scripts.jsは../scripts/start.jsを問い合わせるが、node_module/.bin/配下にはscriptsディレクトリが存在しないため、

Error: Cannot find module '../scripts/start'

が発生する。

なので、node_modulesディレクトリを削除して、npm installを行うと、シンボリックリンク貼られるため、エラーが発生しません。