Laravel 5.7: что означает неопределенный стиль индекса (mix ('/ css / frontend.css'))?

Question

Я новичок в Laravel и в настоящее время пытаюсь импортировать vue в мой проект Laravel.

После того, как я выполнил команду 'npm run dev' и проверил страницу, созданную с макетом блейда, которая загружена из стандартного проекта, я вижу ошибку: неопределенный индекс в стиле (mix ('/ css / frontend.css')) , Этот файл CSS существует в общедоступной / CSS.

Эта строка вызывает эту ошибку.

{{ style(mix('/css/frontend.css')) }}

Что это значит и как это исправить?

Кроме того, я не могу найти документацию по API, которая описывает функции style () и mix (). Если вы знаете, где находится документация, дайте мне ссылку. Спасибо!

Answer 1

Проверьте webpack.mix.js, чтобы увидеть, компилируется ли frontend.css Laravel Mix. Если вы не видите ссылки на него, то вам следует ссылаться на файл в ваших представлениях Blade с asset('/css/frontend.css') вместо mix().

mix() читает из public/mix-manifest.json, чтобы сопоставить исходные имена файлов с их выходными именами, что полезно, когда файлы имеют версии для очистки кэша. Запись смешанного манифеста может выглядеть так: "/css/app.css": "/css/app.css?id=7564ad125f69af0035c3". Если ваш файл не был скомпилирован или скопирован с помощью Laravel mix, тогда в , а не будет запись в файле mix-manifest.json, которая объясняет неопределенную ошибку индекса и почему вместо этого вам нужно использовать asset().

Кроме того, я не знаю, что такое style(), но это не входит в структуру Laravel.

Refs: https://laravel.com/docs/5.7/mix#versioning-and-cache-busting