typescript - Kuinka käyttää Pinia-storea oikein pää-Vue-komponentissa?
Pääasiallinen main.ts-tiedostoni:
import './assets/tailwind.css' import './assets/wordpress.css' import { createApp } from 'vue' import { createPinia } from 'pinia' import App from './App.vue' import router from './router' const app = createApp(App) app.use(createPinia()) app.use(router) Lue lisää →vue.js - Kun käytät Piniaa ja TypeScriptiä, miten käytät Actionia tilan (State) asettamiseen?
Minulla on Pinia + TypeScript -store nimeltä user.ts, joka näyttää tältä:
import { User } from 'firebase/auth'; import { defineStore } from 'pinia'; export const useUserStore = defineStore('user', { state: () => ({ displayNam Lue lisää →javascript - pinian käyttö komponentin ulkopuolella aiheuttaa virheen 'ei aktiivista pinia'
Työskentelen Vue.js 3 -projektissa, joka on rakennettu käyttämällä ViteSse-mallia. Haluan käyttää yhtä Pinia-stooreistani nimeltä notificationStore setup-komponentin ulkopuolella, mutta saan virheen getActivePinia called with no active Pinia. Did you forget to install Pinia kun suoritan dev-komennon. Sen käyttäytyminen on todella outoa, koska tätä ei tapahdu, jos lisään useNotificationStorein vasta sen jälkeen, kun dev-palvelin on ladattu, ja silloin se toimii hyvin. Mutta kun us
Lue lisää →vue.js - Pinia-kaupan välittäminen propina Vue3:n ja TypeScriptin kanssa
Käytän Typescriptiä, Piniä ja Vue3:ta ja minulla on MenuButton-komponentti, jolle haluan pystyä välittämään Pinia-store, jota käytetään valikon avoimen tilan hallintaan sekä näyttö-/piilotustoimintoihin. Sovelluksessa on muutama eri valikko, siksi haluan pystyä välittämään ne, ja kaikki
Lue lisää →typescript - Kuinka käyttää Pinia-storessa määriteltyä taulukkoa?
Loin kaupan käyttääkseni User-resurssia, ja kyseisellä kaupalla on taulukko rooleja. Yritän etsiä tiettyä roolia tuosta taulukosta. Yritin käyttää Array-funktioita, mutta se ei toimi PropType<T[]>:n kanssa.
import router from "@/router"; import axios from 'axios'; import { defineStore } from " Lue lisää →typescript - ts(2769) Yksikään ylikuormitus ei vastaa tätä kutsua, kun käytetään $patch Ref:ssä Pinia-kaupassa
Olen jumissa TypeScript-ongelman kanssa. Koodi itse asiassa toimii, kyse on vain IDE-virheestä, joka heitetään minulle yrittäessäni käyttää $patch-funktiota Piniasta.
Tässä on kauppani:
import { AuthenticationResult } from '@azure/msal-browser' import { defineStore } from 'pinia' import { ref } from 'vue' const useAuthStore = defineStore('auth', () => { const details = ref<AuthenticationResult>() return { details } }) export default useAuthStore Lue lisää →typescript - Pinia menetti tyypit käytettäessä tehdasmallia
Projektini tarpeiden vuoksi minun täytyy luoda storeFactory moduloiakseni Pinia-storen luomista.
Poistin tässä erityisesti parametrit ja yksinkertaistin koodiesimerkkiä.
Kun olen Tiedosto A:ssa, storeFactoryn tyyppi haetaan automaattisesti oikein
Kun olen tiedosto B:ssä, tyyppi katoaa ja vain tämä voidaan päätellä
StoreDefinition<"store_id", {} | _UnwrapAll<Pick<any, string | number>>, {} | Pick<...>, {} | Pick<...> Lue lisää →typescript - Nuxt Pinia: Nimettyä vientiä 'computed' ei voi tuoda ei-EcmaScript-moduulista (vain oletusvienti on saatavilla)
En voi käyttää Piniaa Nuxt 2.15.8:ssä ja Vue 2.7.10:ssä Typescriptin kanssa, yritin monia menetelmiä ja asensin monia riippuvuuksia, mutta se ei vain toimi, yritin niin monia asioita, että jouduin käynnistämään pääkansiot uudelleen GitHubissa; asensin nämä riippuvuudet
"@pinia/nuxt": "^0.4.9", "vue-server-renderer": "^2.7.10", "vue-template-compiler": "^2.7.10"rakennusmoduuleissa yritän käyttää Pini
Lue lisää →typescript - Pinia useStore palauttaa any
Käytän Piniaa yhdessä Vue3:n ja TypeScriptin kanssa. Käytettyäni monia eri tapoja hoitaa kaupan tyypitys, en ole onnistunut saamaan kauppaa tyypittymään muuksi kuin any-tyypiksi.
Tässä on toteutus:
import { defineStore } from "pinia"; import type { DataT } from "@/types"; interface DataStore { data: DataT[]; } export const useDataStore = defineStore("dataStore", { state: (): DataStore => ({ data: [] as DataT[], }), Lue lisää →typescript - Määritä pinia-tila käyttöliittymän perusteella ilman, että luot jokaisen ominaisuuden uudelleen manuaalisesti
Yritän toteuttaa tilanhallintaa (pinia) SPA:ssa. Käytämme TypeScriptiä ja mietin, onko olemassa mitään tapaa määritellä tila rajapinnan perusteella ilman, että tarvitsee kirjoittaa uudelleen jokaista yksittäistä ominaisuutta tilassa. Periaatteessa, kert
Lue lisää →