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