找不到 Nuxt 别名

问题描述 投票:0回答:0

我在'mono-repo'中有一个nuxt项目。我想在我的 nuxt 项目中使用

components
来自单声道回购中的另一个项目。

nuxt.config.ts
我添加了一个别名:

import { defineNuxtConfig } from "nuxt/config";

export default defineNuxtConfig({
  modules: ["@nuxtjs/tailwindcss"],
  srcDir: "src",
  devServer: {
    port: 3000,
  },
  imports: {
    autoImport: false,
  },
  typescript: {
    strict: true,
    typeCheck: "build",
  },
  alias: {
    "@components": "../components/src/components",
  },
});

导入是这样的:

<template>
  <Footer />
</template>

<script lang="ts" setup>
import Footer from "@components/Footer/Footer.vue";
</script>

然而,我在构建时保留了这个错误(

npm run dev
):

错误无法加载网址 /components/src/components/Footer/Footer.vue(解析id: /components/src/components/Footer/Footer.vue) 中 /Users/jamie/Documents/code/project/packages/project/src/pages/Layout/BaseLayout.vue。 文件存在吗?

javascript nuxt.js
© www.soinside.com 2019 - 2024. All rights reserved.