无法导出Typescirpt中的接口--请求的模块不提供名为设置的导出

Question

我正在尝试导出/导入类型记录中的接口，但是我得到了这个错误，我不知道我在这里做错了什么。

Uncaught :请求的模块‘/src/type/setings.ts’不提供名为“Settings”的导出

在我的types/settings.ts里我有这个

export interface Settings {
    activeUser: number
}

我是这样进口的

import { Settings } from '@/types/settings'

这是我的tsconfig.json

{
  "compilerOptions": {
    "target": "esnext",
    "baseUrl": "./src/",
    "useDefineForClassFields": true,
    "module": "esnext",
    "moduleResolution": "node",
    "strict": true,
    "jsx": "preserve",
    "paths": {
      "@/*": ["src/*"],
    },
    "sourceMap": true,
    "resolveJsonModule": true,
    "esModuleInterop": true,
    "lib": ["esnext", "dom"],
    "isolatedModules": false
  },

  "include": ["src/**/*.ts", "src/**/*.d.ts", "src/**/*.tsx", "src/**/*.vue"]
}

我正在使用Vue/Vite和类型记录

Answer 1

npm run build工作正常是很奇怪的，但是npm run dev会抛出SyntaxError。

我被迫使用import type { ...，因此，Ref也需要从vue获得相同的触摸。

解决方法发布在GitHub for Vite 第731期上。

Answer 2

paths中的条目是相对于baseUrl解析的。试试这个：

{
  "compilerOptions": {
    "baseUrl": ".",
    "paths": {
      "@/*": ["src/*"]
    }
  }
}

…或者这个：

{
  "compilerOptions": {
    "baseUrl": "./src/",
    "paths": {
      "@/*": ["./*"]
    }
  }
}