使用svelte和vite从src目录中的同级文件夹导入typescript接口失败

iecba09b  于 2023-02-20  发布在  TypeScript
关注(0)|答案(1)|浏览(199)

我正在尝试导入一个接口,第一个,到我的svelte项目。
src/interface/EnabledSignUpArgs.interface.ts中有以下代码

export interface EnabledSignupArgs {
  email: string
  username: string
  password: string
  confirmedPassword: string
  agreedToTOS: boolean
  agreedToPrivacyPolicy: boolean
}

// i also tried adding this
export default EnabledSignupArgs

在2个文件中,我尝试

import { EnabledSignupArgs } from "../../interface/EnabledSignUpArgs.interface"

以及

import { EnabledSignupArgs } from "../interface/EnabledSignUpArgs.interface"
  • 根据我的IDE,这是好的 * 但服务器吐出的html包括

请求的模块'/src/interface/EnabledSignUpArgs.interface.ts'未提供名为EnabledSignupArgs的导出
我试过:(1)重新启动我的dev服务器(2)将文件移动到不同的目录(3)使其成为默认导出,但我没有主意了!
下面是我的tsconfig.json

{
  "extends": "./.svelte-kit/tsconfig.json",
  "compilerOptions": {
    "moduleResolution": "node",
    "module": "es2020",
    "lib": ["es2020", "DOM"],
    "target": "es2020",
    "importsNotUsedAsValues": "preserve",
    "isolatedModules": false,
    "resolveJsonModule": true,
    "sourceMap": true,
    "esModuleInterop": true,
    "skipLibCheck": true,
    "forceConsistentCasingInFileNames": true,
    "baseUrl": ".",
    "allowJs": true,
    "checkJs": true,
    "paths": {
      "$components/*": ["src/lib/components/*"],
      "$styles/*": ["src/lib/styles/*"],
      "$utils/*": ["src/lib/utils/*"],
      "$src/*": ["src/*"],
      "$lib": ["src/lib"],
      "$lib/*": ["src/lib/*"]
    },
    "types": ["jest"]
  },
  "include": ["src/**/*.d.ts", "src/**/*.js", "src/**/*.ts", "src/**/*.svelte"]
}
rks48beu

rks48beu1#

提问成功了。解决方案:

import type { interfaceName } from "../path/to/interface"

相关问题