«Uncaught TypeError: fs.readFileSyn c не является функцией», когда я использую компонент одного репозитория в другом проекте, экспортируя его

Question

Я импортирую компонент с простым «Привет» (который я тестировал в том же репозитории, работает нормально), но я получаю ниже упомянутую ошибку.

Я прочитал много вопросов по стеку переполнение, но ни одно из решений не сработало, за исключением того, что я не пытался настроить веб-пакет в моем проекте.

кто-нибудь сталкивался с этой проблемой ранее. Здесь необходимо указание.

(компоненты зарегистрированы правильно, потому что нет ошибок в регистрации компонентов)

Это мой индекс. js из репозитория Я экспортирую свой пример компонента

import Sample from '../sample.vue';

export default {
    install: function (Vue) {
        Vue.component('sample', Sample);
    }
}

, и это пакет. json из того же репозитория: -

{
  "name": "content-tree",
  "version": "0.1.0",
  "private": true,
  "main": "src/index.js",
  "scripts": {
    "serve": "vue-cli-service serve",
    "build": "vue-cli-service build",
    "lint": "vue-cli-service lint"
  },
  "dependencies": {
    "core-js": "^3.6.4",
    "element-ui": "^2.13.0",
    "vue": "^2.6.11",
    "vuex": "^3.1.2"
  },
  "devDependencies": {
    "@vue/cli-plugin-babel": "^4.2.0",
    "@vue/cli-plugin-eslint": "^4.2.0",
    "@vue/cli-plugin-vuex": "^4.2.0",
    "@vue/cli-service": "^4.2.0",
    "babel-eslint": "^10.0.3",
    "babel-plugin-component": "^1.1.1",
    "eslint": "^6.7.2",
    "eslint-plugin-vue": "^6.1.2",
    "sass": "^1.25.0",
    "sass-loader": "^8.0.2",
    "vue-template-compiler": "^2.6.11"
  }
}

и здесь я использую это как компонент в моем другом проекте: -

<template>
  <div class="project-new">
    <sample />
  </div>
</template>

<script>
import Vue from 'vue'
import { Sample } from 'content-tree';
Vue.use(Sample);
</script>

Я не уверен, почему эта ошибка появляется, но я вообще не использую fs.readFileSync в моем файле