Component is missing template or render function

[waiylkarim]

Hello I'm trying to use vue-audi-recorder with Vue3 but I'm getting the following warning:

Component is missing template or render function

Base code:

<template>
    <div>
	  <audio-recorder
	    upload-url="YOUR_API_URL"
	    :attempts="3"
	    :time="2"></audio-recorder>
    </div>
</template>

<script>
	import AudioRecorder from 'vue-audio-recorder'

	export default {
		components: {
			AudioRecorder,
		}
	}
</script>

What am I missing?

Thank you!

[michaelchukwu]

Hello, did you find any solution to this?

[abhiramikc]

Any Luck with this issue ?

[waiylkarim]

Seems like the project is dead!

[d4rkr3pt0r]

@waiylgeek That's SSR issue. Load it as follow:

<template>
    <div>
	<client-only>
        <audio-recorder/>
	</client-only>
    </div>
</template>
<script>
    import Vue from 'vue'
    let AudioRecorder
    if (process.client) {
        AudioRecorder = require('vue-audio-recorder')
        Vue.use(AudioRecorder)
    } else {
        AudioRecorder = { component: { template: '<div></div>' } }
    }
	export default {
	//
	}
</script>

[ShetlandJ]

I can't get the above solution to work in Vue 3 with Interia