Laravel不导入/读取公共源文件(css / js)

问题描述 投票:1回答:2

我正在做一个外部项目。该应用程序已经编写,我需要添加一些功能。这就是为什么我无法编辑他们在代码中导入CSS和js文件的方式。不幸的是,我无法访问localhost中的js和CSS文件

导入如下:

<script type="text/javascript" src="{{ asset('js/search-form/range-slider.js') }}"></script>
<script type="text/javascript" src="{{ asset('js/provider-search.js') }}"></script>
<script type="text/javascript" src="{{ asset('js/search-form/show-detail.js') }}"></script>
<link rel="stylesheet" href="{{ asset('css/slider-custom.css') }}">
<script src="{{asset('/js/scripts.js')}}"></script>

在我的浏览器中,我看到以下错误:

GET http://127.0.0.1:8000/js/tooltipster.bundle.min.js net::ERR_ABORTED 404 (Not Found)

以及每个js / css文件...我的所有文件都位于

public/css/name.css
public/js/name.js
public/js/init/name.js
public/js/search-form/name.js

链接到消息来源似乎是正确的,所以我认为这与当局有关,但我在Laravel非常新。

javascript css laravel import
2个回答
0
投票

试试这个:

<link rel="stylesheet" src="{{ URL::asset('css/name.css')}}"></link>
<script src="{{ URL::asset('js/name.js')}}"></script>
<script src="{{ URL::asset('js/init/name.js')}}"></script>
<script src="{{ URL::asset('js/search-form/name.js')}}"></script>

0
投票

对于Javascript:

<script type="text/javascript" src="{{ URL::asset('js/search-form/range-slider.js') }}"></script>
<script type="text/javascript" src="{{ URL::asset('js/provider-search.js') }}"></script>
<script type="text/javascript" src="{{ URL::asset('js/search-form/show-detail.js') }}"></script>
<script type="text/javascript" src="{{ URL::asset('js/scripts.js') }}"></script>

使JS的目录结构如下:

/public/js/search-form/range-slider.js
/public/js/provider-search.js
/public/js/search-form/show-detail.js
/public/js/scripts.js

对于CSS:

<link href="{{ asset('css/slider-custom.css') }}" rel="stylesheet" type="text/css" >

使您的目录结构类似于CSS:/public/css/slider-custom.css

© www.soinside.com 2019 - 2024. All rights reserved.