typescript - nuxtServerInit med vuex-module-decorators
Att använda detta tillvägagångssätt 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(st Läs mer →typescript - Nuxt ts-typer för VS code av injicerade egenskaper
Jag injicerar egenskaperna i Nuxt TS-kontexten på detta sätt:
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 servicesDå har jag typfiler ~/plugins.d.ts
import Vue from 'vue'; import { ErrorService } from '~/s Läs mer →typescript - Hur man använder chart.js i nuxt.js?
Jag gjorde en liten app för att bekräfta hur man använder chart.js i Nuxt.js. Språket i mitt senaste projekt är TypeScript, så jag försökte göra min kod i TypeScript. Och jag har också använt Nuxt.js som ramverk. Jag hänvisade till den här sidan. Men min exempelkod fick ett fel.
först och främst, jag gjorde en diagramfil som .vue-fil. mina diagramkomponenter skapade komponentkatalogen i Nuxt.js. men i denna kod uppstod ett fel på @Prop. felmeddelandet och koden är nedan.
"Egenskap
Läs mer →typescript - Förladdning av data till butiken vid uppstart i nuxt
Jag arbetar på en app med Nuxt och jag förladdar vissa saker vid nuxtServerInit och lägger dem i lagret. Det är okej och det är inga problem.
Jag har många fler projekt med samma typ av initial-laddning - så jag börjar tänka att det är en bra idé att lägga logiken i ett modul och alla mina andra pro
Läs mer →vue.js - Nuxt + TypeScript-typer fungerar inte i layouts och plugins
Jag är ny på TS och jag vill använda typer i layouter också men som i bilden returnerar typescript-build felmeddelandet "Syntax Error: Unexpected token" när jag lägger till typ på popups-egenskapen.
I pages fungerar det korrekt. Det fungerar inte i layout och i plugins ts-filer.
Förenklad icke fungerande VUE-fil är nedan.
<template> <div id="wrapper" class="d-flex no-gutters&qu Läs mer →nuxt.js - Hur man specificerar skrivet på TypeScript-serverns ingångspunkt i ett "Nuxt TypeScript"-projekt?
I det exempel på ett JavaScript-baserat Nuxt-projekt som jag har sett, ligger server-entrén i server/index.js. Här är dess standardkod (för Express.js-ramverkets fall):
const express = require('express') const consola = require( Läs mer →javascript - Prop-validering med gränssnitt i Nuxt.js med TypeScript
Jag bygger en webbplats med Nuxt.js (inklusive Vue.js v2) med TypeScript. Jag skulle vilja använda interfaces för att kontrollera om data som skickas till komponenter via props har korrekt struktur. Tyvärr verkar det som att TypeScript inte kontrollerar något. Det finns 'inga problem' även om jag skickar fel data till komponenten. Här är ett exempel.
Datan i baskomponenten:
data() { return { dropdownData: [ false, // enforc Läs mer →typescript - Hur man använder axios i åtgärden i nuxt-butiken
Först genomfördes axios-inställningen enligt dokumentet nuxtjs enligt följande.
modules: [ '@nuxtjs/axios', ], axios: { // extra config e.g // BaseURL: 'https://link-to-API' }Och jag försökte bygga en butik och använda axios i handling, men jag mötte undefined. user.ts
import { Module, VuexAction } from 'nuxt-property-decorator'; @Module({ name: 'user', stateFactory: true, Läs mer →nuxt.js - Egenskapen '$router' finns inte på typen, nuxt och typescript?
Jag har nyligen integrerat TypeScript i ett Nuxt-projekt och får det där $router-fel, samt de egenskaper jag har deklarerat inuti
Genom att utföra det som anges i dokumentationen https://typescript.nuxtjs.org/es/cookbook/components får jag inte längre dessa fel, men jag har tvivel om hur man gör det för att slippa lägga till denna del i varje komponent
import Vue from "vue"; export default Vue.extend Läs mer →typescript - Hur gör man nu importvägsalias synliga i nuxt.config.ts?
I den här frågan pratar jag inte om NuxtConfig.alias-egenskapen som vanligtvis ser ut så här:
const Config: NuxtConfig = { alias: { "@EnterpriseBusinessRules": Path.resolve(__dirname, "BusinessRules", "Enterprise"), "@ApplicationBusinessRules": Path.resolve(__dirname, "BusinessRules", "Application"), // ... }Det jag pratar om är:
import Environme Läs mer →