时间戳

首页 > 解决方案 > 在 Nuxt 中使用节点子路径导出

node.js - 在 Nuxt 中使用节点子路径导出

问题描述

我有一个本地仓库（称为repo-components），其中包含一些 vue 组件和一个 package.json，我想在其中实现子路径导出，如下所示：

{
  "name": "repo-components",
  "version": "1.0.0",
  "description": "Local repo",
  "exports": {
    "./components/": "./src/components/"
  },
}

然后我想在 Nuxt 项目（我们称之为nuxt-project）中使用该 repo 作为依赖项，然后在 nuxt-project 中使用子路径导出：

import MyButton from 'repo-components/components/MyButton.vue'

但是，当我尝试在内部进行该导入时nuxt-project，它无法识别我定义的子路径导出，而只是尝试直接转到我定义的路径（该路径不存在）。但是，如果我尝试这样做import MyButton from 'repo-components/src/components/MyButton.vue'，那就行得通。

如果我尝试repo-components在一个简单的节点项目中使用并使用 require 而不是 import，那么该exports字段可以完美运行，所以很明显我在 Nuxt 项目中缺少某种配置。

有什么帮助吗？

标签： node.jsnuxt.js

解决方案

推荐阅读