typescript - Nuxt TypeScript 错误 : nuxt:typescript Cannot find module '@/my-module'

Question

我已经使用 https://typescript.nuxt.org 中的说明设置了带有 TypeScript 的 Nuxt .过渡非常无缝且没问题，只是我无法摆脱 nuxt:typescript 的这个错误。 “找不到模块”，这显然是误报。

我的导入看起来像这样:

import InputField from '@/components/InputField.vue'

我试过 ~/并且没有 .vue延期。没有任何效果。

我的 tsconfig.json看起来像这样:

{
  "compilerOptions": {
    "target": "esnext",
    "module": "esnext",
    "moduleResolution": "node",
    "lib": ["esnext", "esnext.asynciterable", "dom"],
    "esModuleInterop": true,
    "allowJs": true,
    "sourceMap": true,
    "strict": true,
    "noEmit": true,
    "baseUrl": ".",
    "paths": {
      "~/*": ["src/*"],
      "~*": ["src/*"],
      "@/*": ["src/*"]
    },
    "types": ["@types/node", "@nuxt/types"]
  },
  "exclude": ["node_modules"]
}

我的 nuxt.config.js 中有这个对象:

typescript: {
  typeCheck: {
    eslint: true,
    vue: true
  }
}

Answer 1

我在这里找到了解决方案:https://github.com/nuxt/typescript/issues/153#issuecomment-543010838

基本上，创建一个 ts-shim.d.ts在您的根目录中包含以下内容:

declare module '*.vue' {
  import Vue from 'vue';
  export default Vue
}

至于你的 tsconfig.json ，请确保您在其中有这些条目:

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

这解决了我与 .vue 的问题进口和 .ts进口。

笔记! 现在绝对必须在 Vue 导入的末尾包含 .vue，否则导入将失败:

import SomeComponent from '~/components/SomeComponent.vue'