Question

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

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

在早餐文件中通过vue example跟踪以使用Vuejs设置Rails

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

有关文档中缺少哪些配置的任何想法？

Answer 1

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

在启动assets命令之前在/public目录下创建目录rails s
如果您的文件为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工作here

早午餐/早餐：未捕获错误：找不到模块＆＃39; frontend / js / components / Hello＆＃39;来自＆＃39; frontend / js / app.js＆＃39;

1 个答案: