бранч/Завтрак: Uncaught Ошибка: Не удается найти модуль 'Frontend/JS/компоненты/Hello' от 'Frontend/JS/app.js'

Question

Я имею эту ошибку в консоли браузера:

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

при следовании через vue example в завтрак documentaton для установки Rails с Vuejs

Я не могу понять, это то, что не хватает, когда я смотрю в загруженных активов в браузере можно увидеть компоненты/привет не генерируется?

Любые идеи о том, какая конфигурация отсутствует в документах?

Answer 1

Если вы следуете инструкциям, как здесь http://breakfast.devlocker.io/examples/vue.html не сможет заставить его работать. Это отсутствует следующее:

1. Создать каталог assets под /public директории перед обжигом вверх rails s команды

2. Импорт должен быть капитализированы, если ваш файл app/frontend/components/Hello.vue. Таким образом, в app.js положить: import Hello from './components/Hello'; вместо import Hello from './components/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 boi lerplate с Rails 5 + Brunch + vue working here