我创建了一个新的rails 5.2应用程序,并安装了vue,其中包括:
bundle exec rails webpacker:install:vue
在创建了一个简单的端点Home#landing并将<%= javascript_pack_tag 'hello_vue' %>
添加到默认布局后,示例应用程序按预期工作.
我做了一些改变:
1) 修改了hello_vue.js to,
import Vue from 'vue'
document.addEventListener('DOMContentLoaded', () => {
const app = new Vue({
el: '#vueapp',
data: {
message: "Hello Vue!"
}
})
})
2) 创建并在我仅有的视图中清空<div id="vueapp"> {{ message }} </div>
.
3) 已删除应用程序.来自应用程序/Java脚本的vue.
据我所知,这也应该起作用(这也是我们使用vue rails gem运行链轮的方式).现在的问题是:
[Vue warn]:在模板编译器不可用的情况下,您正在使用仅运行时版本的Vue.可以将模板预编译为渲染函数,也可以使用编译器附带的版本.
我无法确切地理解发生了什么或为什么失败,因为我的应用程序中没有任何组件或模板可编译.