laravel ссылка на возврат активов 404 для src - PullRequest
0 голосов
/ 12 апреля 2020

image

У меня есть эта структура папок, и я хочу получить доступ к файлам внутри ресурсов. Так что я делаю

<link href="{{ asset('sass/app.scss') }}" rel="stylesheet" />
<script src="{{ asset('js/app.js') }}" type="text/javascript"></script>

, но он говорит, что не найден, поэтому я подумал, что мне нужно добавить resources, поэтому я попытался

<link href="{{ asset('resources/sass/app.scss') }}" rel="stylesheet" />
<script src="{{ asset('resources/js/app.js') }}" type="text/javascript"></script>

Тем не менее я получаю статус 404 для обоих файлов. enter image description here ОБНОВЛЕНИЕ:

Я запускаю эту команду:

let mix = require('laravel-mix');

mix.js('resources/assets/js/app.js', 'public/js')
   .sass('resources/assets/sass/app.scss', 'public/css');

1 Ответ

1 голос
/ 12 апреля 2020

tl; dr : вам нужно либо запустить npm run dev, npm run watch или npm run prod, чтобы скомпилировать ваши активы в "используемые" файлы js / css.

Вы никогда не должны ссылаться на ресурсы в папке resources, они не будут доступны. С чем угодно в папке public можно связать.

В вашей локальной среде / dev запустите npm run dev, чтобы скомпилировать ваши ресурсы в папку public (см. webpack.mix.js в папке root вашего проекта чтобы точно знать, что происходит). Если вам случится внести много изменений, вы можете вместо этого запустить npm run watch, чтобы вам не приходилось вводить npm run dev после каждого изменения - ваши ресурсы будут автоматически скомпилированы при обнаружении изменений.

Использование vanilla webpack.mix.js npm run dev скомпилирует resources/assets/js/app.js в папку public/js и resources/assets/sass/app.scss в папку public/css, оставив вам public/js/app.js и public/css/app.css - это те файлы, на которые вы должны ссылаться в вашем .blade file:

<link href="{{ asset('css/app.css') }}" rel="stylesheet" />
<script src="{{ asset('js/app.js') }}" type="text/javascript"></script>

Подробнее о ссылке на документацию «Составление активов (микс)» вы можете прочитать:

https://laravel.com/docs/7.x/mix

...