扩展 nuxt tsconfig - 添加别名属性的路径

Question

我用

nuxt 3.2.0

和

Vite

。在Nuxt 3项目的tsconfig中，如果要添加路径别名，可以在

alias

属性中添加。我为组件目录添加了一个别名：

 alias: {
    '@/*': './components/*'
  },

它被添加到

.nuxt/tsconfig.json

：

 "@/*": [
        "./components/*"
 ],

如果我尝试使用该别名导入某些内容，则不会出现智能感知错误，我可以按住 Ctrl 键并单击路径并转到文件。

import { some} from '@/Something/something';

但是编译器坏了，出现 500 错误

"Vite Error"

，

[[vite-node] [ERR_LOAD_URL]:

，我也得到了

Failed to load url /Something/something

.

因此该路径不包含别名。

如果我将其更改为相对路径，它会起作用：

import { some} from './something';

我不知道我是否错过了什么？

Answer 1

我不太确定，但认为你混淆了一些东西。因此试图编辑/更正您的答案。

你的

nuxt.config.ts

必须看起来像这样：

export default defineNuxtConfig({
    alias: {
        "@Components": "./components",
    }
})

要在您的代码库中启用以下导入语句：

import { some } from '@Components/something';

我认为你的问题的根源在于在你的配置中使用

/*

。

正如您正确指出的那样，tsconfig 由 Nuxt 自动生成。