首页 > 解决方案 > 现在让导入的路径别名在 nuxt.config.ts 中可见?

问题描述

在这个问题中,我谈论NuxtConfig.alias通常看起来像这样的属性:

const Config: NuxtConfig = {
  alias: {
    "@EnterpriseBusinessRules": Path.resolve(__dirname, "BusinessRules", "Enterprise"),
    "@ApplicationBusinessRules": Path.resolve(__dirname, "BusinessRules", "Application"),
    // ...
}

我在说的是:

import EnvironmentVariables from "@Environment/EnvironmentVariables";
import RawObjectDataProcessor from "@Utils/RawObjectDataProcessor/RawObjectDataProcessor";

nuxt.config.ts.

nuxt命令(目前支持废弃的 TypeScript nuxt-ts)看不到这个别名。这将是如下错误:

FATAL  Cannot find module '@Utils/RawObjectDataProcessor/RawObjectDataProcessor'                                       11:22:55
Require stack:
- C:\Users\XXXXX\ExamppleProject\nuxt.config.ts

当然,所有别名都已在tsconfig.json.

即使我们不会通过路径别名导入任何东西nuxt.config.ts,通过相对路径导入的模块也可以使用它们自身内部的路径别名,所以我们无法通过“你不应该通过别名导入”来逃避这个问题nuxt.config.ts

标签: typescriptnuxt.js

解决方案


推荐阅读