質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
87.20%
npm

npmは、Node Packaged Modulesの略。Node.jsのライブラリ・パッケージを管理できるツールです。様々なモジュールを簡単にインストールでき、自分でモジュールを作成し公開する際にも使用できます。

Laravel

LaravelとはTaylor Otwellによって開発された、オープンソースなPHPフレームワークです。Laravelはシンプルで表現的なシンタックスを持ち合わせており、ウェブアプリケーション開発の手助けをしてくれます。

Node.js

Node.jsとはGoogleのV8 JavaScriptエンジンを使用しているサーバーサイドのイベント駆動型プログラムです。

Docker

Dockerは、Docker社が開発したオープンソースのコンテナー管理ソフトウェアの1つです

解決済

npm installが実行できない

HK1
HK1

総合スコア26

npm

npmは、Node Packaged Modulesの略。Node.jsのライブラリ・パッケージを管理できるツールです。様々なモジュールを簡単にインストールでき、自分でモジュールを作成し公開する際にも使用できます。

Laravel

LaravelとはTaylor Otwellによって開発された、オープンソースなPHPフレームワークです。Laravelはシンプルで表現的なシンタックスを持ち合わせており、ウェブアプリケーション開発の手助けをしてくれます。

Node.js

Node.jsとはGoogleのV8 JavaScriptエンジンを使用しているサーバーサイドのイベント駆動型プログラムです。

Docker

Dockerは、Docker社が開発したオープンソースのコンテナー管理ソフトウェアの1つです

1回答

0リアクション

0クリップ

378閲覧

投稿2022/07/23 11:16

編集2022/07/25 10:35

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

前提・経緯

以前、npmインストールを実施していた時があり、その時はエラーが出ませんでした。
Laravel9系を使っているため、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

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

app.js

import './bootstrap';

package.json

{ "private": true, "scripts": { "dev": "vite", "build": "vite build" }, "devDependencies": { "@popperjs/core": "^2.10.2", "axios": "^0.25", "bootstrap": "^5.1.3", "laravel-vite-plugin": "^0.4.0", "lodash": "^4.17.19", "postcss": "^8.1.14", "sass": "^1.32.11", "sass-loader": "^11.0.1", "vite": "^2.9.11" } }

vite.config.js

import { defineConfig } from 'vite'; import laravel from 'laravel-vite-plugin'; export default defineConfig({ plugins: [ laravel({ input: [ 'resources/css/app.css', 'resources/js/app.js', ], refresh: true, }), ], // server: { // host: true // } });

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

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

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

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

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

イメージ説明

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

イメージ説明

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

以下のような質問にはリアクションをつけましょう

  • 質問内容が明確
  • 自分も答えを知りたい
  • 質問者以外のユーザにも役立つ

リアクションが多い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

気になる質問をクリップする

クリップした質問は、後からいつでもマイページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

下記のような質問は推奨されていません。

  • 間違っている
  • 質問になっていない投稿
  • スパムや攻撃的な表現を用いた投稿

適切な質問に修正を依頼しましょう。

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によるエラーが出ているような…
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コンテナ上で各種インストールし、バージョンを新しくする必要がありました。

まだ回答がついていません

会員登録して回答してみよう

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
87.20%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問

同じタグがついた質問を見る

npm

npmは、Node Packaged Modulesの略。Node.jsのライブラリ・パッケージを管理できるツールです。様々なモジュールを簡単にインストールでき、自分でモジュールを作成し公開する際にも使用できます。

Laravel

LaravelとはTaylor Otwellによって開発された、オープンソースなPHPフレームワークです。Laravelはシンプルで表現的なシンタックスを持ち合わせており、ウェブアプリケーション開発の手助けをしてくれます。

Node.js

Node.jsとはGoogleのV8 JavaScriptエンジンを使用しているサーバーサイドのイベント駆動型プログラムです。

Docker

Dockerは、Docker社が開発したオープンソースのコンテナー管理ソフトウェアの1つです