npm run generate をするとfirebaseに Missing or insufficient permissions.と言われる

Question

#状況
firebaseからgetしてきた値がローカルでも本番環境でも表示できている状態で、npm run generateを実行するとMissing or insufficient permissions.を吐かれます。
その後firebase deployしてもやはりエラーが出てデータが持ってこれないので、これを改善したいです

#関連のありそうなコードなど
####firebase.js

import firebase from "firebase/app";

import 'firebase/app'
import "firebase/auth";
import "firebase/firestore";

const config = {
    apiKey: "**",
    authDomain: "**",
    databaseURL: "**",
    projectId: "**",
    storageBucket: "**",
    messagingSenderId: "**",
    appId: "**",
    measurementId: "**"
};

if (!firebase.apps.length) {
    firebase.initializeApp(config)
}

export default firebase;

firebase rules

rules_version = '2';

service cloud.firestore {
  match /databases/{database}/documents {
    match /videos/{document=**} {
      allow read: if true;
    }
  }
}

####databeseの構造

videos -- hashID -- item1
                 |- item2
                 |- item3

よろしくお願いします