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

Question

我在浏览器控制台中遇到此错误：

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

按照早餐文档中的 vue example 设置 Rails 使用 Vuejs

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

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

Answer 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 样板的回购协议 Rails 5 + Brunch + vue working here

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

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

javascript

ruby-on-rails

vuejs2

vue-component

brunch