早午餐/早餐：未捕获的错误：无法从“前端/js/app.js”中找到模块“前端/js/components/Hello”答案

【问题标题】：Brunch/Breakfast: Uncaught Error: Cannot find module 'frontend/js/components/Hello' from 'frontend/js/app.js'早午餐/早餐：未捕获的错误：无法从“前端/js/app.js”中找到模块“前端/js/components/Hello”
【发布时间】：2017-02-05 21:39:20
【问题描述】：

我在浏览器控制台中遇到了这个错误：

Uncaught Error: Cannot find module 'frontend/js/components/Hello' from 'frontend/js/app.js'

当通过早餐文档中的vue example 使用 Vuejs 设置 Rails 时

我无法弄清楚缺少什么，当我在浏览器中查看加载的资产时，我可以看到组件/hello 没有生成？

关于文档中缺少什么配置的任何想法？

【问题讨论】：

标签： javascript ruby-on-rails vuejs2 vue-component brunch

【解决方案1】：

如果按照此处http://breakfast.devlocker.io/examples/vue.html 的说明进行操作，将无法使其正常工作。它缺少以下内容：

在启动rails s 命令之前，在/public 目录下创建目录assets
如果您的文件是 app/frontend/components/Hello.vue，则导入必须大写。所以在app.js 中输入： import Hello from './components/Hello'; 而不是 import Hello from './components/hello';
您必须将此添加到

brunch-fonfig.js

module.exports = {
files: {
  javascripts: {
    joinTo: {
      'app.js': /^app\/frontend\/js\//,
      'vendor.js': /^(?!app\/frontend\/js)/
    }
  },
  stylesheets: {
    joinTo: 'app.css'
  },
  templates: {    <<============ MISSING THING!
    joinTo: {
      'app.js': 'app/frontend/js/components/*.vue'
    }
  }
},
...rest of file

更多关于第二期的信息在这里https://github.com/nblackburn/vue-brunch/issues/5

我创建了一个带有 Rails 样板的 repo，其中包含 Rails 5 + Brunch + vue 工作 here

【讨论】：