typescript - vuex-module-decorators ile nuxtServerInit
Nuxt ile bu yaklaşımı kullanmak: 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) export DAHA FAZLASI →typescript - VS Code için Nuxt ts enjekte edilmiş özelliklerin tipleri
Özellikleri nuxt ts bağlamına şu şekilde enjekte ediyorum:
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 servicesSonra benim ~/plugins.d.ts adlı tipler dosyam var
import Vue from 'vue'; import { ErrorService DAHA FAZLASI →typescript - nuxt.js içinde chart.js nasıl kullanılır?
Chart.js'i Nuxt.js içinde nasıl kullanacağımı doğrulamak için küçük bir uygulama yaptım. Son projemin dili TypeScript, bu yüzden kodumu TypeScript ile yapmaya çalıştım. Ayrıca Nuxt.js'i bir framework olarak kullandım. Bu siteye başvurdum. Ama örnek kodumda hata oluştu.
her şeyden önce, chart dosyasını .vue dosyası olarak oluşturdum. chart bileşenlerim Nuxt.js'de components dizini altında oluşturuldu. ama bu kodda, @Prop üzerinde hata oluştu. hata mesajı ve kod aşağıdadır.
"Propert
DAHA FAZLASI →typescript - nuxt'ta başlatmada verileri mağazaya ön yükleme
Nuxt ile bir uygulama üzerinde çalışıyorum ve bazı şeyleri nuxtServerInit içinde ön yüklüyorum ve bunları store'a koyuyorum. Bu sorun değil ve herhangi bir problem yok.
Aynı türde başlangıç yüklemesi olan çok daha fazla projem var - bu yüzden mantığı bir modüle koymanın iyi bir fikir olduğunu düşünm
DAHA FAZLASI →vue.js - Nuxt + TypeScript türleri layout'lar ve eklentilerde çalışmıyor
Ben TS'de yeniyim ve türleri düzenlerde de kullanmak istiyorum ama resimde olduğu gibi type eklediğimde typescript-build popups özelliğine "Syntax Error: Unexpected token" hatası veriyor.
pages içinde doğru çalışıyor. layout ve plugins ts dosyalarında çalışmıyor.
Aşağıda çalışmayan basitleştirilmiş VUE dosyası bulunmaktadır.
<template> <div id="wrapper" class="d-flex no-gutters DAHA FAZLASI →nuxt.js - "Nuxt TypeScript" projesinde TypeScript sunucu tarafı giriş noktasına nasıl yazılacağını nasıl belirtirim?
Gördüğüm JavaScript tabanlı Nuxt projesi örneğinde, sunucu girişi server/index.js dosyasında yer alıyor. İşte varsayılan kodu (Express.js çerçeve durumu için):
const express = require('express') const consola = require('consola' DAHA FAZLASI →javascript - TypeScript ile Nuxt.js'te arayüzlerle prop doğrulama
Nuxt.js (Vue.js v2 dahil) ve TypeScript kullanarak bir web sitesi inşa ediyorum. Bileşenlere props aracılığıyla geçilen verilerin doğru yapıya sahip olup olmadığını kontrol etmek için interface kullanmak istiyorum. Ne yazık ki, TypeScript hiçbir şeyi kontrol etmiyor gibi görünüyor. Yanlış veriyi bileşene geçirmeme rağmen 'hiçbir sorun yok' görünüyor. İşte bir örnek.
Temel bileşendeki veriler:
data() { return { dropdownData: [ DAHA FAZLASI →typescript - nuxt store eyleminde axios'a nasıl yaklaşılır
İlk olarak, axios kurulumu nuxtjs belgesine göre aşağıdaki şekilde gerçekleştirildi.
modules: [ '@nuxtjs/axios', ], axios: { // extra config e.g // BaseURL: 'https://link-to-API' }Ve bir mağaza kurmayı ve axios'u eylem içinde kullanmayı denedim, ancak tanımsız ile karşılaştım. user.ts
import { Module, VuexAction } from 'nuxt-property-decorator'; @Module({ name: 'user', state DAHA FAZLASI →nuxt.js - '$router' özelliği tür üzerinde mevcut değil, nuxt ve typescript?
Son zamanlarda bir Nuxt projesine TypeScript entegre ettim ve $router hatası alıyorum, ayrıca içinde tanımladığım özellikler de
https://typescript.nuxtjs.org/es/cookbook/components adresindeki belgede belirtildiği şekilde yaptığımda artık bu hataları almıyorum, ancak her bileşene bu kısmı eklememek için bunu nasıl yapmam gerektiği konusunda şüphelerim var
import Vue from "vue"; export default Vue DAHA FAZLASI →typescript - Şimdi nuxt.config.ts içinde importların path aliaslarını görünür yapmak için?
Bu soruda genellikle şu şekilde görünen NuxtConfig.alias özelliğinden bahsetmiyorum:
const Config: NuxtConfig = { alias: { "@EnterpriseBusinessRules": Path.resolve(__dirname, "BusinessRules", "Enterprise"), "@ApplicationBusinessRules": Path.resolve(__dirname, "BusinessRules", "Application"), // ... }Bahsettiğim şey şudur:
import EnvironmentVariab DAHA FAZLASI →