ค้นหาเว็บไซต์
javascript - ใช้ vue-awesome-swiper กับ typescript และ vuejs
ฉันมีปัญหาเกี่ยวกับการใช้ vue-awesome-swiper กับ typescript ในโปรเจกต์ vuejs ของฉัน มีใครที่เคยมีประสบการณ์นี้หรืออาจจะมีตัวอย่างวิธีการใช้งานบ้างไหม ปัญหาเกิดจาก loaders ที่แตกต่างกัน มันไม่สามารถโหลด template กับ ts-loader ของฉันได้ นี่คือตัวอย่างข้อผิดพลาดของฉัน คุณอาจต้องการ loader ที่เหมาะสมในการจัดการประเภทไฟล์นี้
| <template> | <div class="swiper-container"> | <slot name="parallax-bg"></slot> webpack: Failed to compile. อ่านต่อไป →vue.js - การทดสอบหน่วย Vue ด้วย Karma และ Typescript
ฉันเพิ่งเริ่มใช้ Vuejs และฉันกำลังประสบปัญหาจริง ๆ ในการพยายามให้มีการทดสอบเข้ามา นี่คือวิธีที่โค้ดของฉันดู:
//myapp.specs.ts import Vue from "vue"; import { mount } from 'avoriaz'; import Component from "./component.vue" describe("My App", () => { it("works", () => { const wrapper = mount(Component); expect(wrapper.html()).toContain("Hello, World"); }); }); //myapp.vue <script lang="ts" src="./component.ts"></script> <te อ่านต่อไป →vue.js - การขยายมิกซินหลายตัวด้วย Vue และ Typescript
ฉันมีตัวอย่างง่ายๆ ดังต่อไปนี้
const mixin1 = Vue.extend({ computed: { mixin1_prop():number { return 10; }, }, }); const mixin2 = Vue.extend({ computed: { mixin2_prop():number { return 20; }, }, }); // Now in component I want to extend both mixin1 and mixin2 mixin1.extend(mixin2).extend({ created() { console.log(this.mixin1_prop); console.log(this.mixin2_prop); }, });คอมไพเลอร์ TypeScript กำลังแจ้งข้อผิดพลาดเกี่
อ่านต่อไป →javascript - Vue TypeScript ใช้ vue-property-decorator เพื่อแจ้งว่า router-view ยังไม่ได้ลงทะเบียน
<template> <div id="app"> <router-view></router-view> </div> </template> <script lang="ts"> import { Vue, Component } from 'vue-property-decorator' @Component export default class extends Vue { } </script>
ถ้าฉันรันโค้ดข้างต้น ฉันจะเจอข้อผิดพลาดหลังจากการรัน
Unknown custom element: <router-view> - did you register the component correctly? For recursive components, make sure to provide อ่านต่อไป →vue.js - Vue CLI 3 + Typescript + TSLint และ Vue 2.5.17
เมื่อเร็ว ๆ นี้ ฉันตัดสินใจลองเล่นกับ Vue 2.5.17 และ TypeScript ทุกอย่างทำงานได้ดี แม้ว่าจะคอมไพล์ได้ปกติและทำงานได้ แต่:
- การนำเข้าไฟล์ .vue ใน WebStorm 2018.2 มักจะส่งผลให้เกิด ไม่สามารถหาโมดูล @/path-to-the-module ได้
- Typescript มักจะเกิดข้อผิดพลาดเดียวกันทุกครั้งเมื่อคอมไพล์
- ถึงแม้ว่าจะไม่พบโมดูล แต่ฉันก็ยังได้หน้าเว็บที่ทำงานได้ ไม่มีข้อผิดพลาดในคอนโซล HMR และฟีเจอร์อื่นๆ ที่ไม่ควรใช้งานได้เนื่องจากไม่พบโมดูล ซึ่งตามเหต อ่านต่อไป →
typescript - การเข้าถึง Vuex store ในไฟล์ router.ts
ฉันกำลังพยายามเข้าถึงค่าของ vuex store ในไฟล์ router.ts แต่ไม่สามารถทำได้ ฉันค้นหาจาก Google มากมายแต่ไม่พบสิ่งที่เกี่ยวข้อง ใน App.Vue ฉันสามารถเข้าถึงค่าของ store โดยใช้ this.$store แต่ไม่สามารถทำงานในไฟล์ .ts ได้
เราเตอร์.ts
import Vue from 'vue'; import Router from 'vue อ่านต่อไป →typescript - การใช้ไฟล์ .vue กับ ts-node
ฉันกำลังใช้ ts-node ในรูปแบบโปรแกรมมิง (require('ts-node').register()) กับ Vue เพื่อจุดประสงค์ในการพัฒนา ซึ่งวิธีนี้ไม่คอมไพล์ไฟล์ .vue ทำให้ไม่สามารถใช้ไฟล์เหล่านั้นโดยตรง สิ่งที่ฉันพยายามทำตอนนี้คือการเชื่อมต่อกับคอมไพเลอร์ TypeScript (ผ่าน ts-node) เพื่อแปลงไฟล์ .vue แบบทันทีก่อนนำเข้าไปยังไฟล์ .ts อย่างไรก็ตาม ฉันก็ไม่สามารถหาวิธีได้เลย มีวิธีแบบนั้นจริงหรือไม่? หรือมีวิธีอื่นที่เป็นไปได้สำหรับการคอมไพล์ไฟล์ .vue เหล่านั้นก่อนใช้งานหรือไม่?
อ่านต่อไป →vue.js - การใช้มิกซินกับ vuejs และ typescript
ฉันต้องการใช้มิกซินระดับโลกโดยใช้ TypeScript มิกซินของฉันมีลักษณะดังนี้:
Vue.mixin({ data() { return { myValue: false }; }, methods: { toggle() { this.myValue= !this.myValue; } } });สิ่งนี้ทำให้ฉันเกิดข้อผิดพลาดต่อไปนี้: TS2339: คุณสมบัติ 'myValue' ไม่มีอยู่ในประเ
อ่านต่อไป →typescript - VSCode ไม่รับรู้ประเภทส่วนประกอบ $refs เมื่อสคริปต์ Vue ถูกนำเข้าเป็นไฟล์แยกด้วย vue-class-component
เมื่อไฟล์ "*.vue" ถูกแยกออกเป็นไฟล์ต่าง ๆ เช่น: <script lang="ts" src="./x/script.ts"> VSCode จะแสดงข้อผิดพลาด แต่สคริปต์ serve จะไม่แสดงข้อผิดพลาด การคอมไพล์ไม่มีปัญหา ข้อผิดพลาดเกี่ยวกับ property $refs VSCode ไม่รู้จัก properties ของคอมโพเนนต์ที่ลงทะเบียนแล้ว: Property 'sideBarVisibilityChange' does not exist on type 'Vue'.
เมื่อประกาศ $refs ภายในแท็กสคริปต์ในฐานะคอมโพเนนต์ SFC แบบนี้:
อ่านต่อไป →vue.js - พยายามรวม Vue กับ TypeScript และ vue-property-decorator
ตามที่หัวข้อกล่าวไว้ และตอนนี้ฉันไม่มีตัวอย่างโค้ดเลย ทำไมมันถึงเป็นไปไม่ได้ที่จะรวม Rollup, Vue, Typescript และ vue-property-decorator? ทุกครั้งที่ฉันลอง มันต้องการเพิ่ม vue-property-decorator เป็นการพึ่งพาภายนอก ลิงก์ไปยังวิธีแก้ปัญหาที่ใช้งานได้จะได้รับความชื่นชม
อ่านต่อไป →