我正在导入一个带有简单“ Hi”的组件(我已经在同一存储库中对其进行测试,可以正常工作),但是我遇到了下面提到的错误。
我已经阅读了很多有关堆栈溢出的问题,但是除了我没有尝试在我的项目中配置webpack之外,其他任何解决方案都无效。
有人早些时候遇到过这个问题。这里需要指导。
(正确注册了组件,导致组件注册没有错误)
这是我正在导出示例组件的存储库中的index.js
capture
这是来自同一存储库的package.json:-
import Sample from '../sample.vue';
export default {
install: function (Vue) {
Vue.component('sample',Sample);
}
}
在这里,我将其用作其他项目中的组件:-
{
"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>