Как импортировать файлы typescript в компонент vue3?

#typescript #vuejs3

#typescript #vuejs3

Вопрос:

Я просто использую vue3. Я хочу импортировать файл typescript в файл * .vue, например:

 <script lang="ts">
import { Option } from './data.ts'
</script>
  

и в data.ts:

 type Option={
value: number,
text: string
}

export {
    Option
}
  

У меня ошибка:

 An import path cannot end with a '.ts' extension. Consider importing './data' instead.
  

Комментарии:

1. Тогда почему вы не можете этого сделать? «импорт без расширения (.ts)»

2. есть какие-либо обновления по этой проблеме?

Ответ №1:

Файлы ts и js разрешаются без расширения :

   import { Option } from './data' //refers to /data.ts
  

если папка содержит один файл, вызываемый index.js в ее корне, папка может быть разрешена без указания index.js

   import store from './store' // store is a folder that contains `index.js`