I'm trying to render a built vue project (using npm run build
) on a static html page on my webserver. This have worked in the past, but now I can't seem to get a page rendered without using the render
function.
new Vue({
router,
// render: h => h(App) <-- is this required nowadays?
}).$mount('#app')
My markup:
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width" />
<link rel="stylesheet" href="dist/css/app.css" />
</head>
<body>
<div id="app">
<some-component></some-component>
</div>
<script src="dist/js/chunk-vendors.js"></script>
<script src="dist/js/app.js"></script>
</body>
</html>
If I look in devtools, the div tag seems to be removed by the script. I would like Vue to use the content in my div, rather than using an App
component with the render function, since my backend decides what components that are inserted in to the div.
runtimeCompiler in vue.config seems to help, is that required for this scenario?
与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…