找不到模块 - Nuxt 3、TypeScript

Question

当尝试使用路径“@/”和“~/”在“nuxt.config.ts”中导入.ts文件时，出现错误：找不到模块“~/path”，需要堆栈：- nuxt。 config.ts 位于 Module._resolveFilename....

nuxt.config.ts 文件中的示例代码

// this code does not work
import headConfig from '~/config/head/headConfig';
// import headConfig from '@/config/head/headConfig';

// this code work
// import headConfig from './config/head/headConfig';


export default defineNuxtConfig({
  devtools: { enabled: false },

  app: {
    head: headConfig,
  },
});

stackblitz 上的演示

Nuxt 3.8.2 |节点 18.18.0 | npm 9.4.2

Answer 1

在Nuxt.js中，@别名默认设置为引用rootDir（项目根）目录。如果您没有 src 目录，并且您的配置或文件直接位于根目录或其他目录中

@ 特定目录的别名，就像 Vue CLI 对 src 所做的那样。相反，您可以使用相对路径或根据项目的目录结构指定确切的路径来导入文件。

希望对你有帮助