我用自己的Vue组件制作了自己的NPM包 . 起初我没有使用任何建筑系统,它只是一个带有 package.json
的基本包和一个带有单个* .vue组件文件和主文件 index.js
的 src
文件夹 . 我在 index.js
中导出了这样的组件:
module.exports = require('./TagsInput.vue');
当我将它安装到Laravel项目中时,该组件工作正常 .
然后我决定使用 webpack-simple
vue-cli模板将我的包构建到 dist
文件夹中,我无法使用 . 当我从包文件夹构建它时,包构建正常 . 但是在Laravel我开始收到这个错误:
TypeError: "exports" is read-only
然后我将 index.js
更改为:
import TagsInput from './TagsInput.vue'
Vue.config.keyCodes.backspace = 8;
Vue.component('tags-input', TagsInput);
export { TagsInput }
export default TagsInput
现在我收到这个错误:
[Vue warn]: Failed to mount component: template or render function not defined.
found in
---> <TagsInput>
...