Laravel. Выдает ошибку при подключении dropzone.css файла?

Question

[Сергей Гутовский]

при подключении файла: '@import "node_modules/dropzone/dist/dropzone.css" ' в app.scss выдает ошибку:
Uncaught Error: Module build failed: ModuleNotFoundError: Module not found: Error: Can't resolve './node_modules/dropzone/dist/dropzone.css' in 'C:\xampp\htdocs\filemarket\resources\assets\sass' at factoryCallback , хотя адрес записан правильно

Answer 1

[Alexander Pushkarev]

Я точно не помню, но scss может импортить в себя только scss. Делайте импорт из папки src или указывайте файл в laravel mix

Comments

[Сергей Гутовский]

дело в том, что в папке dropzone нет src, только dist

[Alexander Pushkarev]

GutOf, как я понял вы используете для vue. Тогда прямо в vue app делайте импорт. webpack скинет css в нужный файл

[Сергей Гутовский]

Alexander Pushkarev, не покажите как будет выглядеть код?

Answer 2

[Евгений Вольф]

хотя адрес записан правильно

Переименуйте этот файл из .css в .scss, я думаю проблема решиться.

P.S. В путях, где Вы этот файл подключаете, его соотв. тоже нужно будет переименовать.

Answer 3

[antimind]

Для Vue вот есть какая штука: vue2-dropzone
В resources/assets/js/components/ создаёте vue компонент, а в app.js

Vue.component('dropzone', require('./components/dropzone.vue'));

Хотя, пути тут не критичны. Примеры компонента есть по ссылке выше.