自定义NPM软件包安装问题

Question

我制作了一个自定义的npm软件包，尝试将其安装在Vue应用程序中。我尝试遵循一些教程和步骤，但是在下面出现错误：

未找到此依赖项：

./src/main.js中的
• chatinterfaceui

要安装它，您可以运行：npm install --save chatinterfaceui

我的chatinterfaceui库中的main.js文件是：

import ChatUi from './ChatUi.vue'

export default {
    install (Vue, options) {
      if (!options || !options.store) {
        throw new Error('Please initialise plugin.');
      }
   
      Vue.component('chat-ui', ChatUi);
    }
  }

chatinterfaceui lib的package.json文件：

{
  "name": "chatinterfaceui",
  "version": "0.1.0",
  "private": false,
  "scripts": {
    "serve": "vue-cli-service serve",
    "build": "vue-cli-service build",
    "build-bundle": "vue-cli-service build --target lib --name chatinterfaceui ./src/ChatUi.vue",
    "lint": "vue-cli-service lint"
  },
  "main": "./dist/chatinterfaceui.common.js",
  "dependencies": {
    "autolinker": "^3.14.1",
    "core-js": "^3.6.4",
    "emoji-js": "^3.5.0",
    "escape-goat": "^3.0.0",
    "msgdown": "^1.0.2",
    "node-sass": "^4.14.1",
    "sass-loader": "^8.0.2",
    "vue": "^2.6.11"
  },
  "devDependencies": {
    "@vue/cli-plugin-babel": "~4.3.0",
    "@vue/cli-plugin-eslint": "~4.3.0",
    "@vue/cli-service": "~4.3.0",
    "babel-eslint": "^10.1.0",
    "eslint": "^6.7.2",
    "eslint-plugin-vue": "^6.2.2",
    "vue-template-compiler": "^2.6.11"
  },
  "eslintConfig": {
    "root": true,
    "env": {
      "node": true
    },
    "extends": [
      "plugin:vue/essential",
      "eslint:recommended"
    ],
    "parserOptions": {
      "parser": "babel-eslint"
    },
    "rules": {
      "vue/no-unused-vars": "off"
    }
  },
  "browserslist": [
    "> 1%",
    "last 2 versions",
    "not dead"
  ]
}

我对Vue应用程序的main.js文件是：

import Vue from 'vue'
import App from './App.vue'
import ChatUi from 'chatinterfaceui'

Vue.use(ChatUi)

Vue.config.productionTip = false

new Vue({
  render: h => h(App),
}).$mount('#app')

我的package.js是：

{
  "name": "frontend",
  "version": "0.1.0",
  "private": true,
  "scripts": {
    "serve": "vue-cli-service serve",
    "build": "vue-cli-service build",
    "lint": "vue-cli-service lint"
  },
  "dependencies": {
    "axios": "^0.19.2",
    "chatinterfaceui": "^0.1.0",
    "core-js": "^3.6.4",
    "dialogflow": "^1.2.0",
    "uuid": "^8.0.0",
    "vue": "^2.6.11",
    "vue-beautiful-chat": "^2.3.1"
  },
  "devDependencies": {
    "@vue/cli-plugin-babel": "~4.3.0",
    "@vue/cli-plugin-eslint": "~4.3.0",
    "@vue/cli-service": "~4.3.0",
    "babel-eslint": "^10.1.0",
    "eslint": "^6.7.2",
    "eslint-plugin-vue": "^6.2.2",
    "node-sass": "^4.14.0",
    "sass-loader": "^8.0.2",
    "vue-template-compiler": "^2.6.11"
  },
  "eslintConfig": {
    "root": true,
    "env": {
      "node": true
    },
    "extends": [
      "plugin:vue/essential",
      "eslint:recommended"
    ],
    "parserOptions": {
      "parser": "babel-eslint"
    },
    "rules": {}
  },
  "browserslist": [
    "> 1%",
    "last 2 versions",
    "not dead"
  ]
}

在我要使用我的库的主Vue应用程序中，当我尝试使用该库时，收到警告。我觉得我在做些愚蠢的事情，但无法理解或发现什么。