nfoalex / girack-m- Goto Github PK

詳細確認中

AuthブランチにてpiniaでServerinfo用のstoreを定義したが一番最初にバックエンドからServerinfoを受け取り、socketHandlerのinfoserver.tsでインポートするとこのエラーがでる。

• stores/serverinfo.ts

//サーバー情報保存
import { defineStore } from "pinia";
import type { ServerInfo } from "~/types/serverInfo";

export const storeServerinfo = defineStore("serverinfo", {
  state: () => {
    return {
      serverinfo: {} as ServerInfo,
      count: 0 as number
    }
  },
  // could also be defined as
  // state: () => ({ count: 0 })
  actions: {
    increment() {
      this.count++
    },
    updateInfo(data:ServerInfo) {
      this.serverinfo = data;
    }
  },
})

• socketHandlers/infoserver.ts

//サーバー情報受け取り

import { Socket } from "socket.io-client"; //クラス識別用
import { storeServerinfo } from "../stores/serverinfo";
const Serverinfo = storeServerinfo(); //piniaからインポート

export default function infoServer(socket: Socket): void {
  //サーバー(インスタンス)情報
  socket.on("infoServer", (dat) => {
    console.log("infoServer :: dat->", dat);
    Serverinfo.updateInfo(dat); //サーバー情報へ適用
  });
}

• 出力されたエラー
  [🍍]: "getActivePinia()" was called but there was no active Pinia. Did you forget to install pinia? const pinia = createPinia() app.use(pinia) This will fail in production

環境Mac,Chome

MacのIME入力中はEnterを押すと送信されてしまう

ガチで忘れてた

main画面レイアウト決め

チャンネル名変更とか

ブランチ : https://github.com/NfoAlex/Girack-m-/tree/FileUploads

• ポータル
• ポータルでのアップロード
• ファイルポータルページでのアップロードページUX整備
• チャンネル用フォルダ表示の改善
• ディレクトリの作成
• ディレクトリとその中身の全削除
• 会話ページからのアップロード
• 会話ページでの画像プレビュー
• ファイルの削除
• クリップボードからのアップロード
• ファイル専用ページ
• ファイルの公開トグル
• ディレクトリ名の変更
• ファイルのディレクトリ移動 (後回し？)
• ファイルの名前をバックエンド側で固有化
• アップロード時にファイルの容量確認
• ユーザーのストレージ容量の制限を設定できるように

解決案１

composablesまたはvueファイルに直接書く

解決案２

べつのプラグイン使う

やってみたけどダメだった

• envに書き込む
  　-　こいつはエラー吐きやがったのでダメそう
• 引数にぶち込む
  　-　ダメそうだった

チャンネル開いたときにユーザー情報が初期情報のまま、取得ができていない