typescript - nuxtServerInit mit vuex-module-decorators

Verwendung dieses Ansatzes mit 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) exp

Weiterlesen →

typescript - Nuxt ts Typen für VS Code von injizierten Eigenschaften

Ich injiziere die Eigenschaften wie folgt in den Nuxt-TS-Kontext:

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 services

Dann habe ich die Typdatei ~/plugins.d.ts

import Vue from 'vue'; import { ErrorService

Weiterlesen →

typescript - Wie verwendet man chart.js in nuxt.js?

Ich habe eine kleine App erstellt, um zu überprüfen, wie man chart.js in Nuxt.js verwendet. Die Sprache meines letzten Projekts ist TypeScript, also habe ich versucht, meinen Code in TypeScript zu schreiben. Und ich habe auch Nuxt.js als Framework verwendet. Ich habe mich auf diese Seite bezogen. Aber bei meinem Beispielcode ist ein Fehler aufgetreten.

Zuerst habe ich die Diagrammdatei als .vue-Datei erstellt. Meine Diagrammkomponenten wurden im Komponentenverzeichnis in Nuxt.js erstell

Weiterlesen →

typescript - Daten beim Start in den Store in Nuxt vorladen

Ich arbeite an einer App mit Nuxt und lade einige Dinge in nuxtServerInit vor und lege sie im Store ab. Das ist in Ordnung und es gibt kein Problem.

Ich habe viele weitere Projekte mit derselben Art von Initial-Preload – also fange ich an zu denken, dass es eine gute Idee ist, die Logik in ein Modul

Weiterlesen →

vue.js - Nuxt + TypeScript-Typen funktionieren in Layouts und Plugins nicht

Ich bin neu in TS und ich möchte Typen auch in Layouts verwenden, aber wie auf dem Bild zeigt typescript-build den Fehler „Syntax Error: Unexpected token“, wenn ich dem popups-Eigenschaft einen Typ hinzufüge.

In pages funktioniert es korrekt. Es funktioniert nicht in layout und in plugins ts-Dateien.

Die vereinfachte nicht funktionierende VUE-Datei ist unten.

<template> <div id="wrapper&

Weiterlesen →

nuxt.js - Wie gibt man den auf TypeScript geschriebenen Server-Seite-Einstiegspunkt in einem „Nuxt TypeScript“-Projekt an?

In dem Beispiel eines JavaScript-basierten Nuxt-Projekts, das ich gesehen habe, befindet sich der Server-Einstieg in server/index.js. Hier ist der Standardcode (für den Fall des Express.js-Frameworks):

const express = require('e

Weiterlesen →

javascript - Prop-Validierung mit Schnittstellen in Nuxt.js mit TypeScript

Ich baue eine Website mit Nuxt.js (einschließlich Vue.js v2) unter Verwendung von TypeScript. Ich möchte interface-Strukturen verwenden, um zu überprüfen, ob die an Komponenten über props übergebenen Daten die richtige Struktur haben. Leider scheint TypeScript nichts zu prüfen. Es gibt 'keine Probleme', obwohl ich die falschen Daten an die Komponente übergebe. Hier ist ein Beispiel.

Die Daten in der Basiskomponente:

data() { return { d

Weiterlesen →

TypeScript - Wie man axios in der Action des Nuxt-Stores anspricht

Zuerst wurde die Axios-Einrichtung gemäß dem NuxtJS-Dokument wie folgt durchgeführt.

modules: [ '@nuxtjs/axios', ], axios: { // extra config e.g // BaseURL: 'https://link-to-API' }

Und ich habe versucht, einen Store zu erstellen und Axios in Aktion zu verwenden, aber ich bin auf undefined gestoßen. user.ts

import { Module, VuexAction } from 'nuxt-property-decorator'; @Module({

Weiterlesen →

nuxt.js - Die Eigenschaft '$router' existiert nicht auf dem Typ, nuxt und TypeScript?

Ich habe kürzlich TypeScript in ein Nuxt-Projekt integriert und erhalte diesen $router-Fehler sowie die Eigenschaften, die ich innen deklariert habe

Wenn ich es wie in der Dokumentation https://typescript.nuxtjs.org/es/cookbook/components angegeben ausführe, erhalte ich diese Fehler nicht mehr, aber ich habe Zweifel daran, wie man es so macht, dass man diesen Teil nicht zu jeder Komponente hinzufügen muss

import V

Weiterlesen →

typescript - Nun, wie macht man Pfad-Aliasnamen von Imports in nuxt.config.ts sichtbar?

In dieser Frage spreche ich nicht über die NuxtConfig.alias-Eigenschaft, die normalerweise so aussieht:

const Config: NuxtConfig = { alias: { "@EnterpriseBusinessRules": Path.resolve(__dirname, "BusinessRules", "Enterprise"), "@ApplicationBusinessRules": Path.resolve(__dirname, "BusinessRules", "Application"), // ... }

Wovon ich spreche, ist:

impo

Weiterlesen →