我用自己的Vue组件制作了自己的NPM包 . 起初我没有使用任何建筑系统,它只是一个带有 package.json 的基本包和一个带有单个* .vue组件文件和主文件 index.jssrc 文件夹 . 我在 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>
...