Как импортировать Javascript файл в TypeScript?

Question

[Almatyn]

Для проекта на Vue3 с TypeScript, потребовалось использовать старые JavaScript наработки. Но при импорте ругается - "Could not find a declaration file for module".

utils/transport.js

const init = options => {
  // function code
}
const init = options => {
  // ...
}
const request = options => {
  // ...
}
const progress = options => {
  // ...
}
const cancel = options => {
  // ...
}
export { init, request, progress, cancel }

файл.vue

<template>...</template>
<script lang="ts">
import { defineComponent } from 'vue'
import * as Transport from '@/utils/transport.js'

export default defineComponent({
  setup() {
    console.log(Transport)
    return {}
  }
})
</script>

Я создал index.d.ts файл, но что туда писать не могу понять. Как мне задекларировать типы для этого transport.js ?

Answer 1

[WbICHA]

Я создал index.d.ts файл, но что туда писать не могу понять.

Типы всего, что экспортируете. Представьте, что вам надо написать интерфейсы в отдельном файле, тут аналогично.

А вообще, внезапно, у ТСа есть документация:
https://www.typescriptlang.org/docs/handbook/decla...

И даже это ещё не всё! Если открыть нод модули в своём проекте и заглянуть в папку @types, то можно внезапно найти реальные .d.ts файлы.

Comments

[Almatyn]

Да это все вы правильно говорите.
Что реально написать то в файл .d.ts ? Как объявить, что init, request, progress, cancel лежат в utils/transport.js ? Обращаться к Transport? С какого конца вообще начинать?

[WbICHA]

Almatyn, и в чём проблема? Типизировать объект не умеете?

[Almatyn]

Ну вместо советов почитать доку ( которую уже два дня читаю) и упреков в неумении, вы не могли бы написать просто код.

[WbICHA]

Almatyn, мог бы, но у меня нет ни малейшего желания тратить на это время.

[WbICHA]

Almatyn, хотя нет, не мог бы, как я могу расписать что это за options такой, не видя кода?
Код можешь не скидывать, писать всё равно не буду, просто для информации.

[Almatyn]

WbICHA, ты просто чудак. А options мог бы любого типа взять для примера, вопрос то как в целом писать, нейспейс или сразу интерфейс экспортить, или с какими именами? И вообще мой transport.js он модуль? Ну вообщем, столько написал слов, не поленился, а не помог совсем. Ну не чудак ли?

[WbICHA]

Almatyn, если ты не смог понять даже это:

Если открыть нод модули в своём проекте и заглянуть в папку @types, то можно внезапно найти реальные .d.ts файлы.

То мои полномочия здесь всё. Тут остаётся только за тебя весь код написать.

[Almatyn]

WbICHA, да смотрел я, куча описаний, ну например от parser-json

// Type definitions for parse-json 4.0
// Project: https://github.com/sindresorhus/parse-json
// Definitions by: mrmlnc <https://github.com/mrmlnc>
// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped

declare function parseJson(input: string | null, filepath?: string): any;
declare function parseJson(input: string | null, reviver: (key: any, value: any) => any, filepath?: string): any;

export = parseJson;

можно ли так все мои четыре функции объявить?
declare function init(options:any):any