typescript - nuxtServerInit med vuex-modul-dekoratører
Ved å bruke denne tilnærmingen med Nuxt: https://github.com/championswimmer/vuex-module-decorators#accessing-modules-with-nuxtjs
store/index.ts:
import { Store } from 'vuex' import { initialiseStores } from '~/utils/store-accessor' const initializer = (store: Store<any>) => initialiseStores(store) Les mer →typescript - Nuxt ts-typer for VS Code av injiserte egenskaper
Jeg injiserer egenskapene i Nuxt TS-konteksten slik:
import Vue from 'vue'; import { errorService } from '~/services/error'; import { Plugin } from '@nuxt/types' const services: Plugin = (context, inject) => { inject('errorService', Vue.observable(errorService)) } export default servicesDa har jeg types-fil ~/plugins.d.ts
import Vue from 'vue'; import { ErrorService } from '~/services/ Les mer →typescript - Hvordan bruke chart.js i nuxt.js?
Jeg laget en liten app for å bekrefte hvordan man bruker chart.js i Nuxt.js. Språket i mitt nylige prosjekt er TypeScript, så jeg prøvde å skrive koden min i TypeScript. Og jeg har også brukt Nuxt.js som rammeverk. Jeg refererte til dette nettstedet. Men eksempelkoden min har oppstått en feil.
Først av alt laget jeg en diagramfil som .vue-fil. Mine diagramkomponenter ble laget i components-mappen i Nuxt.js. Men i denne koden oppstod det en feil på @Prop. Feilmelding og kode er nedenfor.
Les mer →typescript - Forhåndslasting av data til butikken ved oppstart i nuxt
Jeg jobber med en app med Nuxt, og jeg forhåndslaster noen ting i nuxtServerInit og putter det inn i store. Det er i orden og det er ikke noe problem.
Jeg har mange flere prosjekter med samme type initial-preload - så jeg begynner å tenke at det er en god idé å legge logikken inn i en modul, og alle
Les mer →vue.js - Nuxt + TypeScript-typer fungerer ikke i layouts og plugins
Jeg er ny i TS og jeg vil bruke typer i layout også, men som i bildet gir typescript-build feilen "Syntax Error: Unexpected token" når jeg legger til type på popups-egenskapen.
I pages fungerer det korrekt. Det fungerer ikke i layout og i plugins ts-filer.
Forenklet ikke-fungerende VUE-fil er nedenfor.
<template> <div id="wrapper" class="d-flex no-gutters"> <Nuxt Les mer →nuxt.js - Hvordan spesifisere skrevet på TypeScript server-side inngangspunkt i et «Nuxt TypeScript»-prosjekt?
I eksempelet på et JavaScript-basert Nuxt-prosjekt som jeg har sett, er serverinngangen i server/index.js. Her er dens standardkode (for Express.js-rammeverktilfellet):
const express = require('express') const consola = require( Les mer →javascript - Prop-validering med grensesnitt i Nuxt.js med TypeScript
Jeg bygger et nettsted ved hjelp av Nuxt.js (inkludert Vue.js v2) med TypeScript. Jeg vil gjerne bruke interfaces for å sjekke om dataene som sendes til komponenter via props har riktig struktur. Dessverre ser det ut til at TypeScript ikke sjekker noe. Det er 'ingen problemer' selv om jeg sender feil data til komponenten. Her er et eksempel.
Dataene i basekomponenten:
data() { return { dropdownData: [ false, // enforced wro Les mer →typescript - Hvordan tilnærme seg axios i handlingen til nuxt-butikken
Først ble axios-oppsettet utført i henhold til dokumentet nuxtjs som følger.
modules: [ '@nuxtjs/axios', ], axios: { // extra config e.g // BaseURL: 'https://link-to-API' }Og jeg prøvde å lage en butikk og bruke axios i handling, men jeg møtte undefined. user.ts
import { Module, VuexAction } from 'nuxt-property-decorator'; @Module({ name: 'user', stateFactory: true, namesp Les mer →nuxt.js - Egenskapen '$router' eksisterer ikke på typen, nuxt og typescript?
Jeg har nylig integrert TypeScript i et Nuxt-prosjekt og får den $router-feilen, samt egenskapene jeg har deklarert inni
Ved å utføre det som angitt i dokumentasjonen https://typescript.nuxtjs.org/es/cookbook/components mottar jeg ikke lenger disse feilene, men jeg har tvil om hvordan man gjør det for å slippe å måtte legge til denne delen i hver komponent
import Vue from "vue"; export default Vue.ex Les mer →typescript - Hvordan gjøre stialiaser for imports synlige i nuxt.config.ts nå?
I dette spørsmålet snakker jeg ikke om NuxtConfig.alias-egenskapen som vanligvis ser slik ut:
const Config: NuxtConfig = { alias: { "@EnterpriseBusinessRules": Path.resolve(__dirname, "BusinessRules", "Enterprise"), "@ApplicationBusinessRules": Path.resolve(__dirname, "BusinessRules", "Application"), // ... }Det jeg snakker om er:
import Environm Les mer →