typescript Nuxt 3 -别名-如何在配置文件中使用别名?

enyaitl3  于 2023-05-19  发布在  TypeScript
关注(0)|答案(1)|浏览(628)

在配置(nuxt.config.ts)中尝试通过别名导入文件时,出现错误:找不到模块'~/....
有一个例子:codesnadbox.io

简短示例

nuxt.config.ts

import { book } from "~/vars";

export default defineNuxtConfig({
  runtimeConfig: {
    bookApiEndpoint: book.apiEndpoint || "",
  },
});

完整示例

如果使用绝对路径,则将导入文件:

import { book } from "./vars";

但是如果通过文件中的别名进行另一次导入,则会再次出现错误(图1):

./vars.ts

export * from "~/entities";

./entities/index.ts

export * from "./book";

./entities/book.ts

export const book = {
    apiEndpoint: '/api/book'
}

有一个例子:codesnadbox.io

提问

如何在配置文件中使用别名?
感谢您的评分
有一个例子:codesnadbox.io

ztyzrc3y

ztyzrc3y1#

Map到项目根的@~的别名已经在Nuxt中预配置,但仅在运行时编译期间可用。
它们不可用用于编译设置和配置,IDE将错误地使用~别名而不是.点表示法自动完成导入。
您必须在配置文件中使用传统的目录点符号来导入其他文件。
在项目中的其他地方使用@(at)~(tilde) 都没问题,因为文件是编译过程的一部分,而不是编译设置。

import { book } from './vars'

相关问题