Failed to mount component: template or render function not defined.
А вот как пытаюсь подрубить:
<template>
<div>
<donut-chart
id="donut"
:data="this.donutData"
colors='[ "#FF6384", "#36A2EB", "#FFCE56" ]'
resize="true"
>
</donut-chart>
</div>
</template>
<script lang="ts">
import { Component, Prop, Vue } from "vue-property-decorator";
const jQuery = require("jquery/src/jquery");
const DonutChart = require("vue-morris");
// import { DonutChart } from "vue-morris/dist/vue-morris.min.js";
@Component({
components: {
DonutChart
},
data() {
return {
donutData: [
{ label: "Red", value: 300 },
{ label: "Blue", value: 50 },
{ label: "Yellow", value: 100 }
]
};
}
})
export default class VMain extends Vue {}
</script>
<style scoped></style>
Так же я добавил алиас на jquery в vue.config.js:
module.exports = {
configureWebpack: {
resolve: {
alias: {
vue$: "vue/dist/vue.common.js",
jQuery: "jquery/src/jquery"
}
}
}
};
Все дело в жиквери
А зачем во vue cli алиас для vue?
Обсуждают сегодня