Почему мой оператор console.log перестает работать с использованием webpack и rails

Question

Я установил новое приложение rails, используя webpack. При запуске приложения по умолчанию console.log отображается нормально.

/* eslint no-console:0 */
// This file is automatically compiled by Webpack, along with any other files
// present in this directory. You're encouraged to place your actual application logic in
// a relevant structure within app/javascript and only use these pack files to reference
// that code so it'll be compiled.
//
// To reference this file, add <%= javascript_pack_tag 'application' %> to the appropriate
// layout file, like app/views/layouts/application.html.erb

console.log('Hello World from Webpacker')

Теперь, если я просто добавлю файл сюда:

/app/javascript/packs/application.scss

И я перезапускаю рельсы s, файл console.log исчезает.

Есть какой-то конфликт?

Итак, подведем итог: сообщение console.log работает в моем новом приложении rails с --wepack. В тот момент, когда я делаю это:

1. добавить файл application.scss в папку / app / javascript / packs
2. Ссылка application.scss в моем макете

Сообщение console.log перестает работать. Я запускаю / останавливаю рельсы s и до сих пор нет сообщения console.log.

Answer 1

Это действительно проблема, с которой я столкнулся сегодня.

Что помогло мне создать подпапку внутри папки app/javascript/packs.

Мой каталог теперь выглядит так:

• app/javascript/packs/stylesheets/application.scss
• app/javascript/packs/application.js

По моему application.haml

• = javascript_pack_tag 'application'
• = stylesheet_pack_tag 'stylesheets/application'

Если я поместил application.scss в ту же директорию, что и application.js, console.log() перестанет работать, как вы предлагаете.

Я предполагаю, что, поскольку обас именем application, webpacker не понимает, какой файл должен быть загружен на javascript_pack_tag и stylesheet_pack_tag.

Именно поэтому перемещение его в другой каталог решит проблему в моем случае.