Я застрял на этой проблеме в течение нескольких дней.Я перепробовал все, что смог найти, но все равно не получилось.
В app.js Когда я устанавливаю, как показано ниже, это работает:
new Vue({
el: '#app',
render: h => h('div', 'Hello World')
})
Мои коды:
app.js
import Vue from 'vue'
import User from './App.vue'
import path from 'path'
new Vue({
el: '#app',
render: h => h(User)
})
App.vue
<template>
<div>
<h1>{{ message }}</h1>
</div>
</template>
<script>
export default {
data: () => {
message: 'Hello World'
}
}
}
</script>
index.html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Vue Webpack Demo</title>
</head>
<body>
<div id="app"></div>
<script type="text/javascript" src="app.bundle.js"></script>
</body>
</html>
ОБНОВЛЕНИЕ [1]:
ЗДЕСЬ - мой код
Также я сделал:
console.log(User), вывод в порядке.
использовать параметр шаблона в функции рендеринга, и он работает:
render: h => h({
template: '<div>Hello World</div>'
})
Я так запутался, кажетсяпо какой-то причине я не могу вывести шаблон из .vue файла
сообщение об ошибке:
[Vue warn]: Failed to mount component: template or render function not defined.
found in
---> <App> at src/App.vue
<Root>
warn @ vue.esm.js:611`