🎄teratailクリスマスプレゼントキャンペーン2024🎄』開催中!

\teratail特別グッズやAmazonギフトカード最大2,000円分が当たる!/

詳細はこちら
npm

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

Firebase

Firebaseは、Googleが提供するBasSサービスの一つ。リアルタイム通知可能、並びにアクセス制御ができるオブジェクトデータベース機能を備えます。さらに認証機能、アプリケーションのログ解析機能などの利用も可能です。

React.js

Reactは、アプリケーションのインターフェースを構築するためのオープンソースJavaScriptライブラリです。

Q&A

解決済

2回答

667閲覧

ReactでFirebaseの開発をしていてnpm iがエラーを出力して実行できません。

3aki

総合スコア14

npm

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

Firebase

Firebaseは、Googleが提供するBasSサービスの一つ。リアルタイム通知可能、並びにアクセス制御ができるオブジェクトデータベース機能を備えます。さらに認証機能、アプリケーションのログ解析機能などの利用も可能です。

React.js

Reactは、アプリケーションのインターフェースを構築するためのオープンソースJavaScriptライブラリです。

0グッド

0クリップ

投稿2020/11/30 11:25

編集2020/12/02 00:43

1

前提・実現したいこと

ReactでJavaScriptを使ってFirebaseの関数をWeb画面のボタン等のオブジェクトに紐付けたいです。
それでReactでJavaScriptを使えるようにnpm iをコマンドプロンプトから実行したら問題が発生しました。

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

C:\Users\im128\AppData\Original\react\firebaseTest>npm i npm WARN saveError ENOENT: no such file or directory, open 'C:\Users\im128\AppData\Original\react\firebaseTest\package.json' npm WARN enoent ENOENT: no such file or directory, open 'C:\Users\im128\AppData\Original\react\firebaseTest\package.json' npm WARN firebaseTest No description npm WARN firebaseTest No repository field. npm WARN firebaseTest No README data npm WARN firebaseTest No license field. up to date in 0.606s found 0 vulnerabilities

試したこと

もともとフォルダ名が「firebase-test」だったのでハイフンが問題なのかなと思い、「firebaseTest」に変更しました。
調べると「node_modules と package-lock.json を削除」というのを見つけ、「node_modules」はなかったので「package-lock.json」だけ削除しました。
「package.json」を作成しました。
Firebaseのプロジェクトを削除して作り直しました。
別のプロジェクトのGithubから「package.json」と「package-lock.json」をコピペしてきました。
「npm cache clear --force && npm cache clean --force」を実行しました。
npmをアンインストールしてnode.jsを入れ直しました。
「npm update -g npm」を実行しました。
「npm run build」を実行しました。

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

npm 6.9.0

2

前提・実現したいこと

npm initで「package.json」を生成したのち、npm iをしましたが、次のように何もnode_moduleが追加されず終了されてしまいます。

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

C:\Users\im128\AppData\Original\react\firebaseTest>npm i npm WARN firebasetest@1.0.0 No description npm WARN firebasetest@1.0.0 No repository field. up to date in 0.608s found 0 vulnerabilities

試したこと

まだ何も試していないです。

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

npm 6.9.0

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

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

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

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

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

maisumakun

2020/11/30 11:33

元のエラーは「package.jsonが存在しない」とのことですが、package.jsonを作成しても同じエラーが出続けているのでしょうか?
3aki

2020/11/30 17:22

はい
guest

回答2

0

自己解決

npm initの存在を知ってこれで「package.json」の生成をしたところ、この質問での問題はなくなり、新たな別の問題が出てきたのですが、このままこの質問に続けて書いていいのでしょうか?

投稿2020/12/02 00:07

3aki

総合スコア14

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

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

3aki

2020/12/02 00:08

あれ・・・?解決済みになっちゃった・・・?
3aki

2020/12/02 00:08

戻せた・・・。
maisumakun

2020/12/02 00:44

> npm initで「package.json」を生成したのち、npm iをしましたが 当該のpackage.jsonには何を書きましたか?
3aki

2020/12/02 04:09

こちらになります。 ``` { "name": "firebasetest", "version": "1.0.0", "description": "", "main": "index.js", "scripts": { "test": "echo \"Error: no test specified\" && exit 1" }, "author": "", "license": "ISC" } ```
maisumakun

2020/12/02 04:11

インストールするパッケージはなにもないので、何もインストールされないのが正解ですね。
3aki

2020/12/02 06:19

なんと・・・。 では、node_moduleが追加されるようにするにはどうしたらいいでしょうか? 自分の予想としては、 ・package.jsonに追加したいパッケージを記載する ・npmのコマンドがある ・npm initの引数に指定するものがある あたりのどれかかなと思いました。 もう一度調べてみようと思うので指標となるヒントを教えていただけませんか?
maisumakun

2020/12/02 07:43

> ・package.jsonに追加したいパッケージを記載する です。
3aki

2020/12/04 16:40

ありがとうございます。
guest

0

C:\Users\im128\AppData\Original\react\firebaseTestのような、Windowsの管理で煩雑化しそうなフォルダは避けて、別なところに作成してみてはどうでしょうか?

投稿2020/11/30 22:17

編集2020/11/30 22:19
maisumakun

総合スコア145965

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

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

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

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

ただいまの回答率
85.36%

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

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

質問する

関連した質問