javascript - 早午餐/早餐 : Uncaught Error: Cannot find module 'frontend/js/components/Hello' from 'frontend/js/app.js'

Question

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

未捕获错误:无法从“frontend/js/app.js”中找到模块“frontend/js/components/Hello”

当遵循 vue example 时在早餐文档中使用 Vuejs 设置 Rails

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

对文档中缺少哪些配置有什么想法吗？

Answer 1

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

1. 在启动 rails s 命令之前，在 /public 目录下创建目录 assets

2. 如果您的文件是 app/frontend/components/Hello.vue，则导入必须大写。所以在 app.js 中输入:import Hello from './components/Hello'; 而不是从'./components/hello'导入Hello；

3. 您必须将此添加到

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 正在运行 here