blocks|key|4538827|text|Stop+artisan+serve|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|4538828|并尝试使用|4538829|php+-S+localhost:8000+-t+public|code-block|syntax|javascript|4538830|entityMap^0|0|I|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@$9|P|A|Q|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|R|8|@]|D|@]|E|$]]|$1|H|3|I|5|J|7|S|8|@]|D|@]|E|$K|L]]|$1|M|3|-4|5|6|7|T|8|@]|D|@]|E|$]]]|N|$]]

<code>Stop artisan serve</code> 

and try using

<pre><code>php -S localhost:8000 -t public
</code></pre>

blocks|key|31333|text|这很管用。对于css：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|31334|<link+href="css/app.css"+rel="stylesheet">|code-block|syntax|javascript|31335|尝试：|31336|+<link+href="public/css/app.css"+rel="stylesheet">|31337|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|N|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|O|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

It's works.
For css:

<pre><code>&lt;link href="css/app.css" rel="stylesheet"&gt;
</code></pre>

Try to:

<pre><code> &lt;link href="public/css/app.css" rel="stylesheet"&gt;
</code></pre>

blocks|key|31357|text|要快速应用简单的正则表达式。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|31358|search+:+href="(.%2B?)"
replace+:+href="{{+asset('$1')+}}"|code-block|syntax|javascript|31359|和|31360|search+:+src="(.%2B?)"
replace+:+src="{{+asset('$1')+}}"|31361|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|N|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|O|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

To fast apply simple regex.

<pre><code>search : href="(.+?)"
replace : href="{{ asset('$1') }}"
</code></pre>

and 

<pre><code>search : src="(.+?)"
replace : src="{{ asset('$1') }}"
</code></pre>

blocks|key|4538805|text|以下是解决方案|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4538806|++{!!+Html::style('css/select2.min.css')+!!}
++{!!+Html::script('js/select2.min.js')+!!}|code-block|syntax|javascript|4538807|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

Here is the solution 

<pre><code> {!! Html::style('css/select2.min.css') !!}
 {!! Html::script('js/select2.min.js') !!}
</code></pre>

blocks|key|4538884|text|这对我很管用|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4538885|如果您将.htaccess文件从公共目录迁移到项目文件夹，并将项目文件夹中的server.php更改为index.php，那么这应该适用于您。|4538886|<link+rel="stylesheet"+href="{{+asset('public/css/app.css')+}}"+type="text/css">|code-block|syntax|javascript|4538887|谢谢|4538888|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|N|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|O|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|P|8|@]|9|@]|A|$]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

This works for me

If you migrated .htaccess file from public directory to project folder and altered server.php to index.php in project folder then this should works for you.

<pre><code>&lt;link rel="stylesheet" href="{{ asset('public/css/app.css') }}" type="text/css"&gt;
</code></pre>

Thanks

blocks|key|31462|text|我也有同样的问题，直到现在。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|31463|删除/css/app.css之前的/，这样它的css.app.css就可以为我工作了。|offset|length|style|CODE|31464|entityMap^0|0|2|C|H|1|N|B|0^^$0|@$1|2|3|4|5|6|7|J|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|K|8|@$D|L|E|M|F|G]|$D|N|E|O|F|G]|$D|P|E|Q|F|G]]|9|@]|A|$]]|$1|H|3|-4|5|6|7|R|8|@]|9|@]|A|$]]]|I|$]]

I was having the same problem, until just now.

Removing the <code>/</code> from before <code>/css/app.css</code> so that its <code>css.app.css</code> worked for me.

blocks|key|4538851|text|我使用：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4538852|"{{asset('css/custom.css')}}"
"{{asset('css/app.css')+}}"|code-block|syntax|javascript|4538853|第一个是我自己的文件，第二个是laravel提供的。我使用的是版本5。|4538854|http://spanibox.com/css/app.css可以工作，但http://spanibox.com/css/custom.css不能。我觉得这很奇怪。|offset|length|4538855|entityMap|0|LINK|mutability|MUTABLE|url|http://spanibox.com/css/app.css|1|http://spanibox.com/css/custom.css^0|0|0|0|0|V|0|11|Y|1|0^^$0|@$1|2|3|4|5|6|7|W|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|X|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|Y|8|@]|9|@]|A|$]]|$1|I|3|J|5|6|7|Z|8|@]|9|@$K|10|L|11|1|12]|$K|13|L|14|1|15]]|A|$]]|$1|M|3|-4|5|6|7|16|8|@]|9|@]|A|$]]]|N|$O|$5|P|Q|R|A|$S|T]]|U|$5|P|Q|R|A|$S|V]]]]

I used:

<pre><code>"{{asset('css/custom.css')}}"
"{{asset('css/app.css') }}"
</code></pre>

First one is my own file the second one came with laravel. I'm using version 5.

<a href="http://spanibox.com/css/app.css" rel="nofollow noreferrer">http://spanibox.com/css/app.css</a> 
works but 
<a href="http://spanibox.com/css/custom.css" rel="nofollow noreferrer">http://spanibox.com/css/custom.css</a>
does not. I find this very weird.

blocks|key|4538814|text|我的意见是：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4538815|<link+rel="stylesheet"+href="{{+URL::to('/css/app.css')+}}">|code-block|syntax|javascript|4538816|是路由到css文件的最佳方法。|4538817|URL::to()也适用于js。|offset|length|style|CODE|4538818|entityMap^0|0|0|0|0|9|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|R|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|S|8|@]|9|@]|A|$]]|$1|I|3|J|5|6|7|T|8|@$K|U|L|V|M|N]]|9|@]|A|$]]|$1|O|3|-4|5|6|7|W|8|@]|9|@]|A|$]]]|P|$]]

my opinion is that:

<pre><code>&lt;link rel="stylesheet" href="{{ URL::to('/css/app.css') }}"&gt;
</code></pre>

is the best method to route to your css files.

The <code>URL::to()</code> also works for js

blocks|key|31494|text|Laravel版本6.0.2|type|unstyled|depth|inlineStyleRanges|entityRanges|data|31495|我也有同样的问题。我用过|31496|<link+href="{{+asset('css/app.css')+}}"+rel="stylesheet"+type="text/css"+>
<link+href="{{+asset('css/bootstrap.css')+}}"+rel="stylesheet">|code-block|syntax|javascript|31497|在将CSS文件夹从资源文件夹移动到公共文件夹后，它就可以工作了|31498|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|N|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|O|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|P|8|@]|9|@]|A|$]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

Laravel version 6.0.2

I also had the same problem. I used

<pre><code>&lt;link href="{{ asset('css/app.css') }}" rel="stylesheet" type="text/css" &gt;
&lt;link href="{{ asset('css/bootstrap.css') }}" rel="stylesheet"&gt;
</code></pre>

And after moving the CSS folder from folder resource to folder public it works

blocks|key|31652|text|这对我很有效：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|31653|如果是css文件，点击|31654|<link+href="{{+asset('css/app.css')+}}"+rel="stylesheet"+type="text/css"+>|code-block|syntax|javascript|31655|如果是图像点击|31656|<link+href="{{+asset('css/img/logo.png')+}}"+rel="stylesheet"+type="text/css"+>|31657|entityMap^0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|P|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|Q|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|R|8|@]|9|@]|A|$]]|$1|K|3|L|5|F|7|S|8|@]|9|@]|A|$G|H]]|$1|M|3|-4|5|6|7|T|8|@]|9|@]|A|$]]]|N|$]]

This worked for me: 
If it's a css file tap
<pre class="lang-html prettyprint-override"><code>&lt;link href=&quot;{{ asset('css/app.css') }}&quot; rel=&quot;stylesheet&quot; type=&quot;text/css&quot; &gt;
</code></pre>
If it's an image tap
<pre class="lang-html prettyprint-override"><code>&lt;link href=&quot;{{ asset('css/img/logo.png') }}&quot; rel=&quot;stylesheet&quot; type=&quot;text/css&quot; &gt;
</code></pre>

blocks|key|4539093|text|<link+rel="stylesheet"+href="/css/bootstrap.min.css">如果您使用的是laravel+5或6，则应该创建文件夹css并使用|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|4539094|对我来说很管用|4539095|entityMap^0|0|1H|0|0^^$0|@$1|2|3|4|5|6|7|J|8|@$9|K|A|L|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|M|8|@]|D|@]|E|$]]|$1|H|3|-4|5|6|7|N|8|@]|D|@]|E|$]]]|I|$]]

<code>&lt;link rel="stylesheet" href="/css/bootstrap.min.css"&gt;</code>if you are using laravel 5 or 6 you should create folder css and call it with

it works for me

blocks|key|4538965|text|您可以简单地在公共环境中创建资源并添加更多路径，然后在您的头部html中调用以下代码|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4538966|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

You can simply create assets in public and added more paths and call in your head html the following code

blocks|key|4539011|text|如果你在ubuntu上，你可以试试这些命令：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4539012|sudo+apt+install+npm

npm+install+&&+npm+run+dev|code-block|syntax|javascript|4539013|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

if you are on ubuntu u can try these commands:

<pre><code>sudo apt install npm

npm install &amp;&amp; npm run dev
</code></pre>

blocks|key|4539038|text|您只需在css链接前面添加一个反斜杠即可|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4539039|​|4539040|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|F|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|G|8|@]|9|@]|A|$]]|$1|D|3|-4|5|6|7|H|8|@]|9|@]|A|$]]]|E|$]]

Simply you can put a back slash in front of your css link

I've just installed a Laravel 5 project on MAMP and my pages are not finding the css files.

This is the link to my css in my app.blade.php file:

<pre><code>&lt;link href="/css/app.css" rel="stylesheet"&gt;
</code></pre>

And my .htaccess file has this line:

<pre><code>RewriteBase /laravel-site/laravel-5-app/public/
</code></pre>

In the config folder my app.php file contains this:

<pre><code>'url' =&gt; 'http://localhost:8888/laravel-site/laravel-5-app/public/',
</code></pre>

But when I open up this page: <a href="http://localhost:8888/laravel-site/laravel-5-app/public/auth/login">http://localhost:8888/laravel-site/laravel-5-app/public/auth/login</a> and check the developer tools, it is looking for the css file at this location: <a href="http://localhost:8888/css/app.css">http://localhost:8888/css/app.css</a>

Just as a side note, if I go to this url: <a href="http://localhost:8888/laravel-site/laravel-5-app/public/">http://localhost:8888/laravel-site/laravel-5-app/public/</a> I get the correct welcome page.

Laravel 5 not finding css files

路由

我刚刚在MAMP上安装了Laravel 5项目，我的页面找不到css文件。这是我的app.blade.php文件中css的链接：<link href="/css/app.css" rel="stylesheet">我的.htaccess文件有下面这一行：RewriteBase /laravel-site/laravel-5-app/public/在配置文件夹中，我的app.php文件包含以下内容：

问Laravel 5找不到css文件
EN

回答 14

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Laravel 5找不到css文件EN

回答 14

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Laravel 5找不到css文件
EN