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

sxpgvts3 于 2023-03-04 发布在 TypeScript

关注(0)|答案(1)|浏览(173)

我将nuxt 3.2.0与Vite一起使用，在Nuxt 3项目的tsconfig中，如果要添加路径别名，可以将其添加到alias属性中，我添加了组件目录的别名：

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

它被添加到.nuxt/tsconfig.json中：

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

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

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

但是编译器坏了，"Vite Error"，[[vite-node] [ERR_LOAD_URL]:有一个500的错误，我也得到了Failed to load url /Something/something。
所以那条路径不包括化名。
如果我把它改成相对路径，它就工作了：

import { some} from './something';

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

1条答案

我不是很确定，但我想你把一些东西弄混了。因此我试着修改/改正你的答案。
您的nuxt.config.ts必须如下所示：

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

要在代码库中启用以下import语句：

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

我认为问题的根源在于配置中/*的使用。
正如您正确指出的那样，tsconfig由Nuxt自动生成。