vue-loader 13 compatible ?

[Blatty]

After upgrading to Vue 2.4 & vue-loader 13.x, all my sweet-modal components are not working:

[Vue warn]: Failed to mount component: template or render function not defined.

found in

---> <SweetModal>
       <Hello> at src/components/Hello.vue
          <App> at src/App.vue
            <Root>

vue.esm.js?efeb:566 TypeError: this.$refs.mobileMenu.close is not a function

Am I the only one getting this error? How to fix it?

[Novarg]

According to https://github.com/vuejs/vue-loader/releases v13 breaking changes section

Similarly, old CommonJS-style requires will also need to be updated:
// before
const Foo = require('./Foo.vue')

// after
const Foo = require('./Foo.vue').default

So main.js should be like this:

var SweetModal = require('./components/SweetModal.vue').default
var SweetModalTab = require('./components/SweetModalTab.vue').default

module.exports = {
	SweetModal: SweetModal,
	SweetModalTab: SweetModalTab
}

[Blatty]

Thanks @Novarg, that helped & resolved my issue!

[Novarg]

@Blatty can you reopen ticket so package author can be aware and make appropriate changes?

[bluefirex]

Fixed in 79bf59e, released in v1.2.0