npm installが実行できない

Laravelでnpmインストールをするとエラーになります。

前提・経緯

以前、npmインストールを実施していた時があり、その時はエラーが出ませんでした。
Laravel９系を使っているため、Laravel viteが導入されました。

ですが、なぜかCSSがビルドできず、Failed to load resource: the server responded with a status of 404 (Not Found) がブラウザ上の検証モードで確認できました…

そのため、npm cache clean --force　や　npm uninstall　などをして、一度まっさらな状態を作って、再度 npm installを実行したのですが、そのタイミングでinstall ができなくなってしまいました。

該当のソースコード

app.css
1

※app.cssは何のソースも入っていません

app.js
1import './bootstrap';

package.json
1{
2    "private": true,
3    "scripts": {
4        "dev": "vite",
5        "build": "vite build"
6    },
7    "devDependencies": {
8        "@popperjs/core": "^2.10.2",
9        "axios": "^0.25",
10        "bootstrap": "^5.1.3",
11        "laravel-vite-plugin": "^0.4.0",
12        "lodash": "^4.17.19",
13        "postcss": "^8.1.14",
14        "sass": "^1.32.11",
15        "sass-loader": "^11.0.1",
16        "vite": "^2.9.11"
17    }
18}

vite.config.js
1import { defineConfig } from 'vite';
2import laravel from 'laravel-vite-plugin';
3
4export default defineConfig({
5    plugins: [
6        laravel({
7            input: [
8                'resources/css/app.css',
9                'resources/js/app.js',
10            ],
11            refresh: true,
12        }),
13    ],
14    // server: {
15    //     host: true
16    //     }
17});

補足情報（FW/ツールのバージョンなど）

・Laravel：9.2.0
・Dockerを使用（Laravel, Mysql, Nginx)
・PHP：8.1.8
・Nginx-alpine：1.2.0
・ホストOS：M1 mac

対処法としては、Laravelコンテナを削除して、１からやり直すくらいしかもう頭に浮かばなかったので、質問させていただきました。
知識不足で恐縮ですが、ご回答いただけますと大変幸いです。

※追記：ご質問いただきましたエラーの内容については以下になります。

node.jsを最新化（バージョン：18.6.0）し、npm run devをしたところエラーが出ました。

エラー内容の中で、Make sure you have the latest version of node.js and npm installed.　と記載されていたので、node.jsは最新のため、npmも最新化したいです。

上記のエラーが出ている状況です。

hoshi-takanori

2022/07/24 04:25

npm install ができないとは、具体的にどういうことでしょう？何かエラーとか出てますか？

HK1

2022/07/25 06:31

ご質問ありがとうございます。また、エラー内容を記載できておらず申し訳ございません。ただいま、私の投稿に追記の形で、エラー内容をスクショ添付しました。

hoshi-takanori

2022/07/25 07:07

node.js のバージョンが古いと言ってますね。

HK1

2022/07/25 09:59

ご回答ありがとうございます。node.jsのバージョンが確かに、ホストOS上では最新になっていたのですが、Laravelコンテナでは最新になっていませんでした、、ですが、また別のエラーが出ており、それについて改めてスクショ添付いたしました。何やら、Laravel viteによるエラーが出ているような…

hoshi-takanori

2022/07/25 10:22

npm の更新は npm install -g npm で出来るかも？ https://qiita.com/n0bisuke/items/b2704b6ebb84f21c03c1

HK1

2022/07/25 10:42

ありがとうございます。上記で実行しましたが、エラーのままです… エラー内容の、argv "/usr/local/bin/node" "/usr/local/bin/npm" "install" "-g" "npm" 　が怪しいような気がしていますが、色々調べても解決策が見つからない状況です。また、npm cache clean --force　や　rm -r node_modules package-lock.jsonを実行するような記事をよく見かけるので実行しましたが、それでもエラーが変わりません…

hoshi-takanori

2022/07/25 23:37

npm が古すぎて、自分を更新できないのかも。というか、普通は node を更新したら npm も更新されるような…。

HK1

2022/07/27 07:32

ご回答ありがとうございます。おっしゃる通り、Laravelコンテナ上のnodeとnpmのバージョンが古く、それがviteと対応していないようでした。　MacOS本体のnpmバージョンを確認し、最新になっていると勘違いしてたのが原因でした。　本来は、Laravelコンテナ上で各種インストールし、バージョンを新しくする必要がありました。