Vue. js + TypeScript, импортирующий обычную js функцию

Question

Я пытаюсь импортировать внешнюю функцию JS из отдельного файла в свое приложение Vue. js, которое работает на TypeScript.

products_table. js

function init_products_table() {
    console.log('test')
}

export {init_products_table as initProductsTable}

И я импортирую его в свой Vue компонент следующим образом:

import { initProductsTable } from '../../products_table.js'

И получаю эту ошибку компиляции:

TS7016: Не удалось найти файл декларации для модуля '../../products_table.js'.

Answer 1

Сначала, если вы используете TS с Vue. JS, вы должны включить JS в вашем файле 'tsconfig. json'. После некоторых рекомендаций:

• импорт файла JS в TS немного контрпродуктивен, я советую вам кодировать вашу внешнюю функцию напрямую в TS, это может избежать конфликтов в будущем.
• при импорте не нужно указывать тип файла. Здесь '../../products_table.js' будет '../../products_table'.

Если проблема не исчезнет, ​​дайте мне знать.