时间戳

首页 > 解决方案 > 如何在 vue3 组件中导入打字稿文件？

typescript - 如何在 vue3 组件中导入打字稿文件？

问题描述

我只用vue3。我想在 *.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.

标签： typescriptvuejs3

解决方案

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`

推荐阅读