webpack，vue.js，无法编译vue文件

作者: 不丶离
发布时间: 2024-04-08 07:06:16 (18天前)
转自：

3 条回复

0#
回复此人
v-star*위위 | 2019-08-31 10-32

<div class =“post-text”itemprop =“text”> <P> 看着那（这 <a href="https://github.com/vuejs-templates/webpack-simple" rel="noreferrer"> 的WebPack-简单 </A> vue-cli模板作为指南，我相信你错过了一个依赖： </p> <P> <a href="https://github.com/vuejs-templates/webpack-simple/blob/master/template/package.json#L26" rel="noreferrer"> https://github.com/vuejs-templates/webpack-simple/blob/master/template/package.json#L26 </A> </p> <pre> <code> "vue-template-compiler": "^2.2.1", </code> </pre> </DIV>

编辑
1#
回复此人
不见你 | 2019-08-31 10-32

<div class =“post-text”itemprop =“text”> <P> 如果只有运行时构建，则不能使用template属性，而必须使用render函数或包含模板编译器。 </p> <P> 尝试将main.js更改为 </p> <pre> <code> import Vue from 'vue' //import App from './app.vue' new Vue({ el: '#app', render: function(createElement) { return createElement( 'p', 'haaaa' ) } }) </code> </pre> <P> <a href="https://jsfiddle.net/k9wtwf8p/" rel="nofollow noreferrer"> 的jsfiddle </A> 工作小提琴 </p> <P> 使用Webpack时 <code> .vue </code> 文件将能够从中编译 <code> <template></template> </code> 标签，但主Vue根必须使用通常看起来像的渲染功能 </p> <pre> <code> import Vue from 'vue' import App from './app.vue' new Vue({ el: '#app', render: function(createElement) { return createElement( App ) } }) </code> </pre> </DIV>

编辑

登录后才能参与评论