webpack+vue的匹配报错 财富值17

2016-10-30 02:32发布

webpack+vue匹配的报这个模板错误是怎么回事?

package.json

"vue": "^2.0.1", "vue-cli": "^2.4.0", "vue-html-loader": "^1.2.3", "vue-loader": "^9.5.1", "vue-style-loader": "^1.0.0",

vue.common.js:2569 [Vue warn]: Failed to mount component: template or render function not defined

友情提示: 此问题已得到解决,问题已经关闭,关闭后问题禁止继续编辑,回答。
该问题目前已经被作者或者管理员关闭, 无法添加新回复
13条回答

把版本号都换成 * 号
这样每次下载的都是最新的

本人愚见(错误请指出):特别注意一点在入口js文件这里,是无法使用components属性来注册子组件的,而在组件中则可以使用components属性来注册子组件。如果在你的App.vue中,使用components属性来注册子组件的话是可以注册成功的。这是vue2.0才会出现的问题,如果是1.0是不会出现这个问题的。

Google找到了问题所在是:Vue2.0有两种Build的方式:the standalone build and the runtime-only build(独立构建和运行时构建),可以知道:独立构建包括编译和支持template选项。但也要依赖于浏览器的API,所以不能用于服务端渲染。运行时构建不包括模板编译,并且不支持template选项,只能使用render选项。

你试试。

使用template属性例如:template: <div><modal> ... </modal></div>

vuejs包含两种使用方式,standalone和runtime-only,runtime-only不包含template编译,你可以参考官方文档

重点来了,默认情况下,NPM包导出的是runtime-only build.因此为了要使用独立构建,在webpack配置中需要添加下面的代码:

因此,通过测试,可以直接使用template: <div><modal> ... </modal></div>来加载对应的内容,组件的话,则需使用render function来注册子组件。
修改之后的index.js文件应该是这样:

我也遇到了,后面发现vue版本太高了,安装1.0.x的版本就OK

一周热门 更多>