层中的 Nuxt 组件未键入

Question

我有一个 Nuxt monorepo。

应用程序位于

apps

文件夹中，分层位于

layers

文件夹中 我有两层，

layer1

和

layer2

。还有两个应用程序

app1

和

app2

。

apps
| app1
| app2
layers
| layer1
| layer2

layer2

正在延伸

layer1

。在

layer2

内部，从

layer1

自动导入的组件已正确键入。

然而，

app1

和

app2

都延伸了

layer1

和

layer2

。但在应用程序内部，只有用于

<script>

的方法会被自动导入和输入，但用于

<template>

的组件不会被输入。

下面是其中一个应用程序

nuxt.config.ts

的示例

export default defineNuxtConfig({
  extends: ['../../layers/layer1', '../../layers/layer2'],
  app: {
    head: {
      ...
    },
  },
  runtimeConfig: {
     ...
  },
  components: {
    dirs: [
      {
        path: '~/components',
        pathPrefix: false,
      },
    ],
  },
  typescript: {
    shim: false,
    includeWorkspace: true,
  },
  build: {
    transpile: [...],
  },
  modules: [...],
  // ... other config related to modules
})

应用程序工作正常，但问题是为什么自动导入的组件没有键入？

Answer 1

+1

使用 nuxt-layers 也有同样的问题，我的基础应用程序包含共享组件库，我的 IDE 无法获取扩展应用程序中的类型。生成的 tsconfigs 中的所有内容看起来都是正确的，并且 nuxt.d.ts 导入了 elements.d.ts 中的类型，感觉这在之前就可以工作......

已尝试打开在 IDE 中使用该层的应用程序的根目录，而不是整个 monorepo，但结果相同:(