Вопросы и ответы - typescript

Вопросы и ответы - typescript



Есть ответ!
В функции Vue3 по defineComponent, первый универсальный параметр-это реквизит, поэтому я указываю тип реквизита, используя вот машинописного текста интерфейса. любить: export default defineComponent<{ initial?: number }>({ setup(props) { const count = ref(props.initial ?? 0); const increase = () => count.value++; const decrease = () => count.value--; return { count, i...
Есть ответ!
Я переопределил (расширил) некоторый класс, загруженный из npm, и добавил определения типов, но по какой-то причине мои определения имеют более низкий приоритет, чем определения из node_modules. Можно ли управлять приоритетом определения typescript с помощью свойства typeRoots или чего-то еще? Пример: Я импортировал VueRouter из пакета vue-router и расширил его таким образом: export class Router e...
Есть ответ!
Я пытаюсь получить доступ к своим данным с помощью метода, который пишу, но он, похоже, не работает. Я получаю ошибку Ts2339 Typescript, говорящую о том, что свойство не существует в типе. TS2339: Property 'players' does not exist on type '{ onAddPlayers(): void; getPlayerPlaceholder(index: number): string; }'. 47 | methods: { 48 | onAddPlayers() { > 49 | this.games = p...
Есть ответ!
Шаблон: <tremplate> <div ref="element"></div> </template> Скрипт: export default { setup() { const elelemt = ref(null); return { element, }; }, }; Это нормальный способ определения ref в vue3,но в JavaScript. И если я использую TypeScript, мне нужно будет определить тип для значения element, верно? Как мне сделать, чтобы обеспечить правил...
Есть ответ!
<script lang="ts"> import { Component, Vue } from 'vue-property-decorator' import { CustomerContext, getCustomerRepository } from '@/composables/customerRepository' @Component export default class CustomerList extends Vue { search = '' setup(): CustomerContext { const ctx = getCustomerRepository() return ctx } } </script> В Vue 2 я хочу использовать Compositi...
Есть ответ!
Я пытаюсь модульно протестировать геттер и получаю ошибку Expected 4 arguments, but got 1. при попытке использовать указанный геттер. Я использовал quasar для создания приложения, и я использую typescript. HttpMocks.mockToken - это просто общая строка JWT const getters: GetterTree<AuthenticationStateInterface, StateInterface> = { token(state: AuthenticationStateInterface) { return stat...
Есть ответ!
В состав АПИ-вю-мы созданы следующие составные: import { computed, reactive, SetupContext, ref } from '@vue/composition-api' export const useApplications = (root: SetupContext['root']) => { const applications = reactive({ 1: { name: ref(root.$t('app1.name')), description: ref(root.$t('app1.description')), formName: 'app1form', }, 2: { name: ref(root.$t('ap...
Есть ответ!
Мне нужно получить доступ к свойствам моего объекта динамически, используя заданную строку в качестве ключа. Я проверил следующее, но не могу найти ответ, который ищу: Машинопись динамических свойств объекта Свойство динамического доступа Typescript Ошибка происходит здесь: state.value[container][id] // TS2571: Object is of type 'unknown' При вызове метода 'getEntity' должен ли я передавать пере...
Есть ответ!
Я пытаюсь установить тип моего массива в свойствах данных следующим образом: const Projects = defineComponent({ data: () => ({ issues: [] as IssueType[] }), Я вызываю этот метод, который фильтрует массив: getIssues(projectId: number, label: string): [] { return this.issues.filter( issue => issue.project_id === projectId && issue.labels?.includes(label) ); Но Typescr...
Есть ответ!
У меня есть довольно простой класс внутри моего веб-компонента: import {WorkItem} from '@/model/WorkItem' const Data = 'data' class ReqItem extends WorkItem { constructor( id: string, name: string, ) { super(id, name, Data) } } export {Data, ReqItem} Проблема в том, что когда TypeScript/Vue строит все это в веб-компонент (команда: vue-cli-service build --target wc --name x...
Есть ответ!
Не могу найти ничего, чтобы решить эту, казалось бы, очевидную проблему. Просто повышен с 2 до 3-вю-вю и Vuex с машинописного текста. этот магазин.$кажется недоступным, несмотря на то, что он следует инструкциям Vue 3. Ошибка в src / components/FlashMessages. vue: 28:25 TS2339: $Магазин недвижимости не существует на ComponentPublicInstance типа '<{}, {}, {}, { getAllFlashMessages(): слово; }, ...
Есть ответ!
Почему мой экземпляр говорит, что он не существует на Http? Я использую свой экземпляр, чтобы вернуть, какой тип вызова axios я собираюсь сделать-get/post и так далее. constructor(baseURL: string, headers = {}, config = {}, interceptors = null, timeout = 8000) { this.instance = axios.create({ headers, timeout, baseURL, ...config, }); if (interceptor...
Есть ответ!
Я не могу найти прямого ответа на этот вопрос, и я не очень хорошо разбираюсь в TS. Может ли кто-нибудь сказать мне, как преобразовать эти вычисляемые свойства в Vue для использования в файле Typescript? computed: { ...mapGetters({ getLoggedInUserFirstName: "Common/getLoggedInUserFirstName", getLoggedInUserLastName: "Common/getLoggedInUserLastName" ...
Есть ответ!
Я пытаюсь переопределить существующий API, указав универсальный тип, чтобы определить, какие пары ключ/значение мне разрешено передавать в функцию, и, конечно же, для IntelliSense. (Я использую vue.js здесь, но это не должно иметь значения.) Это универсальный интерфейс: export interface CreateElement<T> { (tag?: string | Component<any, any, any, any> | AsyncComponent<any, any, any...
Есть ответ!
При создании моего приложения TS Nuxt я понял, что имеет смысл определить ApiService, который взаимодействует с API, поэтому я создал папку с именем services и поместил в нее свой файл службы, так что у меня был services/api-service.ts. Содержание файла было примерно таким import axios from 'axios' export default class ApiService { static someRequest(data: dataType) { return axio...
Есть ответ!
Edit: я несколько раз говорил в посте ниже, что я "не в модуле". Каждый раз, когда код JavaScript в одном файле вызывается из другого, это технически модуль. Я хотел сказать, что этот модуль автоматически вызывается квазаром во время инициализации скрипта и, как ожидается, будет иметь глобальные побочные эффекты. Модуль никогда не импортируется ни в один код, который я пишу. Succint пост: Я исполь...
Есть ответ!
Я пытаюсь настроить Vue 3 с помощью TypeScript и компонентов на основе классов. Тем не менее, я продолжаю получать ошибку при импорте декоратора Component в конструктор Vue: This expression is not callable. Type 'typeof import("/Users/*folder*/node_modules/vue-class-component/dist/vue-class-component")' has no call signatures. Vetur(2349) mycode в.Вью: <script lang="ts"&g...
Есть ответ!
Когда я создаю скрипт как typescript (lang= " ts") Я получаю сообщение об ошибке "Не удается найти модуль". / components / Navigation " или соответствующие ему объявления типов (Vetur 2307)". Я понял, что это происходит только тогда, когда я устанавливаю lang как ts, что мне нужно для создания моего приложения Vue. приложение.Вью <template> <Navigation /> </template> <scr...
Есть ответ!
Я пытаюсь импортировать переменные SASS (scss) в javascript в проекте typescript Vue 3: // @/assets/styles/colors.scss $white: #fff; // @/assets/styles/_exports.scss @import "./colors.scss"; :export { white: $white; } <template> <div> </div> </template> <script lang="ts"> import colors from "@/assets/styles/_export.scss"; </sc...
Есть ответ!
Я хочу добавить глобальное свойство в приложение Vue 3, как это предлагается здесь Прототипный подход не работает с TypeScript. Я нашел пример, который я преобразовал в этот код как config.d. ts import Vue from 'vue' import base from '@/config/config.json' import dev from '@/config/config.dev.json' import prod from '@/config/config.prod.json' let config if (process.env.NODE_ENV === 'production')...


Закрыть X