前提・実現したいこと
現在、Nuxt.js でQ&Aアプリを作成しております。
plugins/firebase.js を実装し、yarn run を実行したところ、以下のエラー文が発生がしましたので、解決したいです。
発生している問題・エラーメッセージ
ERROR The "path" argument must be of type string. Received type undefined 16:34:18 at validateString (internal/validators.js:125:11) at Object.extname (path.js:1365:5) at uniqBy_1.options.plugins.map (node_modules/@nuxt/builder/dist/builder.js:5702:58) at Array.map (<anonymous>) at Builder.normalizePlugins (node_modules/@nuxt/builder/dist/builder.js:5698:28)
該当のソースコード
firebasejs
1// app, firestore, auth のそれぞれを別々に import しないと、コンソールでエラーが発生する 2 3import firebase from 'firebase/app' 4import 'firebase/firestore' 5import 'firebase/auth' 6 7export default (context, inject) => { 8 let fireApp 9 if (!firebase.apps.length) { 10 // 先程firebaseコンソールでコピーしたコード 11 fireApp = firebase.initializeApp({ 12 apiKey: '', 13 authDomain: '', 14 databaseURL: '', 15 projectId: '', 16 storageBucket: '', 17 messagingSenderId: '', 18 appId: '' 19 }) 20 } else { 21 fireApp = firebase.app() 22 } 23 inject('fireApp', fireApp) 24} 25
###該当のソースコード
defaultvue
1<template> 2 <div> 3 <nav class="navbar" role="navigation" aria-label="main navigation"> 4 <div class="navbar-brand"> 5 <a href="/" class="navbar-item"> 6 <img src="https://bulma.io/images/bulma-logo.png" width="112" height="28" alt=""> 7 </a> 8 </div> 9 <div id="navbarBasicExample" class="navbar-menu"> 10 <div class="navbar-start"> 11 <nuxt-link class="navbar-item" to="/"> 12 ホーム 13 </nuxt-link> 14 </div> 15 16 <div class="navbar-end"> 17 <div class="navbar-item"> 18 <div class="buttons"> 19 <!-- ここにログインボタンを入れる --> 20 </div> 21 </div> 22 </div> 23 </div> 24 </nav> 25 <div class="main-body"> 26 <!-- これがページのレンダリング要素 --> 27 <nuxt /> 28 <!-- nuxtタグはpagesフォルダにある各pageコンポーネントを描画するタグになる --> 29 </div> 30 <footer class="footer"> 31 <div> 32 <div class="content has-text-centered"> 33 <p>© qaSample</p> 34 </div> 35 </div> 36 </footer> 37 </div> 38</template> 39
試したこと
yarn run lint --fix を実行しました。
また、firebase の hosting を停止するために firebase hosting:disableを入力しましたが、その際に、
This will immediately make your site inaccessible! が表示され、それに Y と入力したのが原因だと思い、改めて hosting をし直しましたが解決に至りませんでした。
補足情報(FW/ツールのバージョンなど)
packagejson
1{ 2 "name": "qaSample", 3 "version": "1.0.0", 4 "description": "My priceless Nuxt.js project", 5 "author": "", 6 "private": true, 7 "scripts": { 8 "dev": "nuxt", 9 "build": "nuxt build", 10 "start": "nuxt start", 11 "generate": "nuxt generate", 12 "lint": "eslint --ext .js,.vue --ignore-path .gitignore ." 13 }, 14 "dependencies": { 15 "@nuxtjs/axios": "^5.3.6", 16 "@nuxtjs/bulma": "^1.2.1", 17 "firebase": "^7.2.2", 18 "nuxt": "^2.0.0" 19 }, 20 "devDependencies": { 21 "@nuxtjs/eslint-config": "^1.0.1", 22 "@nuxtjs/eslint-module": "^1.0.0", 23 "babel-eslint": "^10.0.1", 24 "eslint": "^6.1.0", 25 "eslint-plugin-nuxt": ">=0.4.2" 26 } 27} 28
あなたの回答
tips
プレビュー