ค้นหาเว็บไซต์
vue.js - วิธีสร้างชนิดของตัวเองใน Nuxt Typescript?
เมื่อฉันใช้ $_app ใน Nuxt มันบอกว่า $_app ไม่มีอยู่บน this ฉันต้องการรวม $_app เป็นประเภทของตัวเองในประเภทของ Nuxt ฉันได้ลองแบบนี้:
import Vue from "vue" interface AppMixin { user: any } declare module "vue/types/vue" { interface Vue { อ่านต่อไป →javascript - การใช้ตัวดำเนินการ bind ของ JS (::) กับ Nuxt.js และ typescript
ฉันกำลังใช้ Nuxt.js พร้อมการสนับสนุน TypeScript ฉันกำลังพยายามนำเข้าไลบรารี vuelayers ด้วยปลั๊กอินนี้:
import Vue from "vue" import Map from "vuelayers/src/component/map" import "vuelayers/lib/style.css" Vue.use(Map)มันให้ฉันข้อผิดพลาดนี้:
ERROR in ./node_modules/vuelayers/src/component/map/view.vue?vue&type=script&lang=js& Syntax Error: Unexpected token, expected ";" (253:8) 251 | */ 252 | subscribeAll () { > 253 | อ่านต่อไป →typescript - nuxtServerInit กับ vuex-module-decorators
การใช้วิธีนี้กับ 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) export const plug อ่านต่อไป →typescript - ประเภท ts ของ Nuxt สำหรับ VS code ของคุณสมบัติที่ฝัง
ฉันกำลังฉีดคุณสมบัติเข้าไปในบริบท nuxt ts แบบนี้:
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จากนั้นฉันมีไฟล์ประเภท ~/plugins.d.ts
import Vue from 'vue'; import { ErrorService } from '~/services/e อ่านต่อไป →typescript - วิธีใช้ chart.js ใน nuxt.js?
ฉันสร้างแอปเล็ก ๆ ขึ้นมาเพื่อยืนยันวิธีการใช้ chart.js ใน Nuxt.js โครงการล่าสุดของฉันใช้ภาษา TypeScript ดังนั้นฉันจึงพยายามเขียนโค้ดของฉันใน TypeScript และฉันก็ใช้ Nuxt.js เป็นเฟรมเวิร์กด้วย ฉันอ้างอิงจากเว็บไซต์นี้ แต่โค้ดตัวอย่างของฉันเกิดข้อผิดพลาด
ก่อนอื่น ผมสร้างไฟล์แผนภูมิเป็นไฟล์ .vue คอมโพเนนต์แผนภูมิของผมสร้างไดเรกตอรี components ใน Nuxt.js แต่ในโค้ดนี้ เกิดข้อผิดพลาดที่ @Prop ข้อความแสดงข้อผิดพลาดและโค้ดอยู่ด้านล่าง
"คุณสมบัติ 'chartData' ไม่มีตัวกำหนดค่าเริ่มต้นและไม่ได
อ่านต่อไป →typescript - การโหลดข้อมูลล่วงหน้าไปยังสโตร์เมื่อเริ่มต้นใน nuxt
ฉันกำลังทำงานกับแอปด้วย Nuxt และฉันโหลดข้อมูลบางอย่างล่วงหน้าที่ nuxtServerInit และใส่มันลงใน store ซึ่งโอเคดีและไม่มีปัญหา
ฉันมีโปรเจกต์อีกหลายโปรเจกต์ที่มีการโหลดล่วงหน้าในลักษณะเดียวกัน - ดังนั้นฉันเริ่มคิดว่านี่เป็นความคิดที่ดีที่จะใส่ตรรกะนี้ลงในโมดูล และโปรเจกต์อื่น ๆ ของฉันก็สามารถแค่เพิ่มโมด
อ่านต่อไป →vue.js - ประเภท Nuxt + TypeScript ใช้งานไม่ได้ใน layouts และ plugins
ฉันเป็นคนใหม่ใน TS และฉันต้องการใช้ประเภทในเลย์เอาต์ด้วย แต่เหมือนในภาพ typescript-build แสดงข้อผิดพลาด "Syntax Error: Unexpected token" เมื่อฉันเพิ่มประเภทให้กับคุณสมบัติ popups
ใน pages มันทำงานอย่างถูกต้อง แต่มันไม่ทำงานใน layout และในไฟล์ ts ของ plugins
ไฟล์ VUE แบบง่ายที่ไม่ทำงานอยู่ด้านล่าง
<template> <div id="wrapper" class="d-flex no-gutters"> <Nuxt/> อ่านต่อไป →nuxt.js - วิธีระบุไฟล์ที่เขียนด้วย TypeScript ในจุดเริ่มต้นฝั่งเซิร์ฟเวอร์ในโครงการ "Nuxt TypeScript"?
ในตัวอย่างของโปรเจกต์ Nuxt ที่ใช้ JavaScript ที่ฉันเคยเห็น จุดเริ่มต้นของเซิร์ฟเวอร์อยู่ที่ server/index.js นี่คือโค้ดเริ่มต้นของมัน (สำหรับกรณีของเฟรมเวิร์ก Express.js):
const express = require('express') const consola = requir อ่านต่อไป →javascript - การตรวจสอบคุณสมบัติด้วยอินเตอร์เฟซใน Nuxt.js ด้วย TypeScript
ฉันกำลังสร้างเว็บไซต์โดยใช้ Nuxt.js (รวมถึง Vue.js v2) พร้อมกับ TypeScript ฉันต้องการใช้ interface เพื่อตรวจสอบว่าข้อมูลที่ส่งไปยังคอมโพเนนต์ผ่าน props มีโครงสร้างที่ถูกต้องหรือไม่ น่าเสียดาย ดูเหมือนว่า TypeScript จะไม่ตรวจสอบอะไรเลย แม้ว่าฉันจะส่งข้อมูลผิดไปยังคอมโพเนนต์ก็ยังไม่มี 'ปัญหา' เกิดขึ้น นี่คือตัวอย่าง
ข้อมูลในส่วนประกอบฐาน:
data() { return { dropdownData: [ false, // enforced wrong type { อ่านต่อไป →typescript - วิธีเข้าถึง axios ใน action ของ nuxt store
ก่อนอื่น การตั้งค่า axios ได้ดำเนินการตามเอกสารของ nuxtjs ดังนี้
modules: [ '@nuxtjs/axios', ], axios: { // extra config e.g // BaseURL: 'https://link-to-API' }และฉันพยายามสร้างสโตร์และเข้าถึง axios ใน action แต่ฉันเจอ undefined user.ts
import { Module, VuexAction } from 'nuxt-property-decorator'; @Module({ name: 'user', stateFactory: true, namespaced: true }) export defau อ่านต่อไป →