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

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

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

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

Node.js

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

Q&A

2回答

1473閲覧

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

skillUp

総合スコア25

npm

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

Node.js

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

0グッド

0クリップ

投稿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をインストールしましたが、うまくいかず現在の推奨バージョンへと戻しました。

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

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

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

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答2

0

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

投稿2022/11/29 10:16

technocore

総合スコア7284

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

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の質問なのですよね... いずれにしてもご回答いただき、ありがとうございます。
guest

0

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

投稿2022/11/23 10:17

user_x_xxx

総合スコア22

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

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までは 完了状態でした。
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

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

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

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

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

ただいまの回答率
85.42%

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

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

質問する

関連した質問