Typescript 将TS文件导入到Vue文件

我制作了一个带有枚举和接口的ts文件，我需要在Vue组件中使用它们。但是，当我尝试将ts文件导入我的Vue组件时，会出现一个错误，表明它找不到模块

我的src/models/Profile.ts文件如下所示：

export enum Status {
    NONE,
    ACCEPTING,
    NOT_ACCEPTING,
}

export interface Profile {
    status: Status,
    firstName: string,
    lastName: string,
}

我尝试导入的Vue组件如下所示：

import Profile from '@/models/Profile.ts';

@Component({computed: mapGetters(['user'])})
export default class CreateProfile extends Vue {
    ...
}

具体错误：

An import path cannot end with a '.ts' extension. Consider importing '@/models/Profile' instead.

但当我尝试时，我得到：

Cannot find module '@/models/Profile'.

---

您可能需要在tsconfig文件和webpack文件中配置路径别名。是否为您的项目添加了TypeScript支持？您的项目是从Vue cli创建的吗？如果是，则可以通过键入

vue add typescript

来添加TS支持。请尝试在codesandbox中重新创建问题。在没有查看配置文件的情况下，很难精确定位问题