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

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

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

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

Node.js

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

Q&A

受付中

開発環境構築時のエラー解決方法

skillUp
skillUp

総合スコア25

npm

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

Node.js

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

2回答

0グッド

0クリップ

367閲覧

投稿2022/11/23 07:57

前提

下記からソースをダウンロードし
開発環境を作成したいです。
npm run devを実行すると
エラーが出て構築できません。
ご教授いただけないでしょうか。
https://github.com/puikinsh/Adminator-admin-dashboard

node -v
v18.12.1

npm -v
8.19.2

発生している問題・エラーメッセージ

C:\Users\user\Desktop\JS_practice\adminator\node_modules\webpack-cli\bin\cli.js:281 throw err; ^ TypeError: Cannot read properties of undefined (reading 'tap') at HtmlWebpackPlugin.apply (C:\Users\user\Desktop\JS_practice\adminator\node_modules\html-webpack-plugin\index.js:40:31) at webpack (C:\Users\user\Desktop\JS_practice\adminator\node_modules\webpack\lib\webpack.js:51:13) at processOptions (C:\Users\user\Desktop\JS_practice\adminator\node_modules\webpack-cli\bin\cli.js:272:16) at C:\Users\user\Desktop\JS_practice\adminator\node_modules\webpack-cli\bin\cli.js:364:3 at Object.parse (C:\Users\user\Desktop\JS_practice\adminator\node_modules\webpack-cli\node_modules\yargs\yargs.js:567:18) at C:\Users\user\Desktop\JS_practice\adminator\node_modules\webpack-cli\bin\cli.js:49:8 at Object.<anonymous> (C:\Users\user\Desktop\JS_practice\adminator\node_modules\webpack-cli\bin\cli.js:366:3) at Module._compile (node:internal/modules/cjs/loader:1159:14) at Module._extensions..js (node:internal/modules/cjs/loader:1213:10) at Module.load (node:internal/modules/cjs/loader:1037:32) at Module._load (node:internal/modules/cjs/loader:878:12) at Module.require (node:internal/modules/cjs/loader:1061:19) at require (node:internal/modules/cjs/helpers:103:18) at Object.<anonymous> (C:\Users\user\Desktop\JS_practice\adminator\node_modules\webpack\bin\webpack.js:156:2) at Module._compile (node:internal/modules/cjs/loader:1159:14) at Module._extensions..js (node:internal/modules/cjs/loader:1213:10) at Module.load (node:internal/modules/cjs/loader:1037:32) at Module._load (node:internal/modules/cjs/loader:878:12) at Function.executeUserEntryPoint [as runMain] (node:internal/modules/run_main:81:12) at node:internal/main/run_main_module:23:47 Node.js v18.12.1

試したこと

Adminatorのリリース当時に合わせたほうが良いと思い、
2018年末ごろのnodeをインストールしましたが、うまくいかず現在の推奨バージョンへと戻しました。

以下のような質問にはグッドを送りましょう

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

グッドが多くついた質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

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

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

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

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

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

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

回答2

0

MacOSで試してみましたが、問題なく起動する様です。
Windows特有の問題でしょうね。
イメージ説明

投稿2022/11/29 10:16

technocore

総合スコア7124

良いと思った回答にはグッドを送りましょう。
グッドが多くついた回答ほどページの上位に表示されるので、他の人が素晴らしい回答を見つけやすくなります。

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

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

このような回答には修正を依頼しましょう。

回答へのコメント

skillUp

2022/11/30 00:28

おお!そうなのですね。 Macを持っていないため、地道にWindowsで一つ一つ見ていくしかないようですね。 ありがとうございます。 もしよろしければ、下記の質問にもご協力いただけると 非常にありがたいのですが、いかがでしょうか。 こちらの質問はOSとは関係ないものだと思っています。 https://teratail.com/questions/dt49hq5mns5q2k
technocore

2022/11/30 03:23

WindowsならWSLを導入して、Linux環境で試して見てはいかがでしょう。
skillUp

2022/12/02 01:13

WSL..そのような方法があるのですね 考えになかったです。 試してみるのもいいですね これはこれで新しく幅が広がり 勉強になりそうで良いのですが 結局、解決したいのは上記URLの質問なのですよね... いずれにしてもご回答いただき、ありがとうございます。

0

それは辛いですね、、、🥺

投稿2022/11/23 10:17

user_x_xxx

総合スコア22

良いと思った回答にはグッドを送りましょう。
グッドが多くついた回答ほどページの上位に表示されるので、他の人が素晴らしい回答を見つけやすくなります。

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

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

このような回答には修正を依頼しましょう。

2022/11/23 11:45

こちらの回答が他のユーザーから「質問に対する回答となっていない投稿」という指摘を受けました。

回答へのコメント

skillUp

2022/11/23 13:39

共感していただきありがとうございます笑 一緒に考えていただけると幸いです
technocore

2022/11/23 15:20

>npm run devを実行すると runの前に、installはエラーなく実行できたのですか?
skillUp

2022/11/25 12:21

はい。installできていました。 手順に沿ってnpm run devまでは 完了状態でした。

まだベストアンサーが選ばれていません

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

アカウントをお持ちの方は

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

ただいまの回答率
86.02%

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

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

質問する

関連した質問

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

npm

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

Node.js

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