質問するログイン新規登録

Q&A

0回答

1048閲覧

vue CLI firebase使用時のエラー

退会済みユーザー

退会済みユーザー

総合スコア0

Vue.js

Vue.jsは、Webアプリケーションのインターフェースを構築するためのオープンソースJavaScriptフレームワークです。

Firebase

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

Vue CLI

Vue CLIは、Vue.jsでアプリケーション開発を行うためのコマンドラインインタフェース(CLI)に基づいた開発ツールです。インタラクティブなプロジェクトの雛形や設定なしで使用できるプロトタイプの作成など、さまざまな機能が用意されています。

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

0グッド

0クリップ

投稿2021/09/19 09:41

0

0

vueCLIでwebアプリを作成しています。
サーバーはfirebaseを使用したいと考えておりますが、エラーが出てしまい、技術記事などを読んでも解決できなかったため、質問させていただきます。

困っていること

firebaseの関数(firebase.auth()〜〜〜)などを使用する際にエラーを吐いてしまう。

エラー内容

This dependency was not found: * firebase in ./src/main.js, ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/views/Signup.vue?vue&type=script&lang=js& To install it, you can run: npm install --save firebase Error from chokidar (C:): Error: EBUSY: resource busy or locked, lstat 'C:\DumpStack.log.tmp'

To install it, you can run: npm install --save firebase

と書いてあるので、それに従いインストールしても同じエラーに

package.jsonのなかに入っているので、インストールはできているのかなと。。。

json

1{ 2 "name": "sharing-text", 3 "version": "0.1.0", 4 "private": true, 5 "scripts": { 6 "serve": "vue-cli-service serve", 7 "build": "vue-cli-service build", 8 "lint": "vue-cli-service lint" 9 }, 10 "dependencies": { 11 "core-js": "^3.6.5", 12 "firebase": "^9.0.2", 13 "vue": "^2.6.11", 14 "vue-router": "^3.2.0", 15 "vuex": "^3.4.0" 16 }, 17 "devDependencies": { 18 "@vue/cli-plugin-babel": "~4.5.0", 19 "@vue/cli-plugin-eslint": "~4.5.0", 20 "@vue/cli-plugin-router": "~4.5.0", 21 "@vue/cli-plugin-vuex": "~4.5.0", 22 "@vue/cli-service": "~4.5.0", 23 "babel-eslint": "^10.1.0", 24 "eslint": "^6.7.2", 25 "eslint-plugin-vue": "^6.2.2", 26 "sass": "^1.26.5", 27 "sass-loader": "^8.0.2", 28 "vue-template-compiler": "^2.6.11" 29 } 30}

firebaseの使用しているvueファイル

vue

1<template> 2 <div class="signup"> 3 <h2>Sign up</h2> 4 <input type="text" placeholder="Username" v-model="username"> 5 <input type="password" placeholder="Password" v-model="password"> 6 <button @click="signUp">Register</button> 7 <p>Do you have an account? 8 <router-link to="/signin">sign in now!!</router-link> 9 </p> 10 </div> 11</template> 12 13<script> 14import firebase from 'firebase' 15 16export default { 17 name: 'Signup', 18 data () { 19 return { 20 username: '', 21 password: '' 22 } 23 }, 24 methods: { 25 signUp: function () { 26 firebase.auth().createUserWithEmailAndPassword(this.username, this.password) 27 .then(user => { 28 alert('Create account: ', user.email) 29 }) 30 .catch(error => { 31 alert(error.message) 32 }) 33 } 34 } 35} 36</script>

お助けして欲しいこと

エラーの原因や、解決方法、些細なことでもいいので、コメントいただけたら助かります。

環境

@vue/cli 4.5.13
node. v16.9.1

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

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

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

guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

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

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

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

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

ただいまの回答率
85.29%

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

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

質問する

関連した質問