Laravel - CSS引入失敗 - iT 邦幫忙::一起幫忙解決難題，拯救 IT 人的一天

0

Laravel - CSS引入失敗

laravel css mamp php

forresthsia 2021-08-12 18:56:26 ‧ 1116 瀏覽

分享至

各位學長大家好，我初學Laravel
使用環境如下
Win10 + MAMP + Laravel 8.53.1

我的狀況是，用chrome跟edge引入CSS是失敗的，用firefox引入卻是成功的
我推測應該是code與laravel設定無關

想跟各位前輩請教一下，在這種狀況下，我該去看chrome/edge哪裡的設定？
因為在用firefox以前，我也試過用無痕加上F12勾選disable cache，chrome/edge還是失敗的

請各位前輩幫忙解惑，感激！

===================
20210822更新
我終於知道了
之前安裝laravel是用MAMP
後來用純php + laravel，引入就沒有issue了...

mayyola iT邦研究生 2 級 ‧ 2021-08-12 20:33:21 檢舉

您可以參考小魚大的這兩篇，不知道是不是符合你要的
https://dotblogs.com.tw/SmallFish/2020/09/23/074631
https://dotblogs.com.tw/SmallFish/2020/09/30/073103
CSS應用
https://dotblogs.com.tw/SmallFish/2021/04/21/201831

view 底下blade.php 路徑有無問題..(這是我遇過的，但同一頁面，只要有瀏覽器引路CSS正確，就可以忽略此問題)

forresthsia iT邦新手 3 級 ‧ 2021-08-14 22:26:18 檢舉

我用firefox引入沒問題，也用最土炮的方式直接砍檔重load來驗證
CSS的放置沒有問題，laravel的路徑設定firefox讀起來也沒問題

現在還在找看是哪個設定造成的....

登入發表討論

直播研討會

{{ item.subject }}

{{ item.channelVendor }} {{ item.webinarstarted }} |

{{ formatDate(item.duration) }}

直播中

1 個回答

0

小魚

iT邦大師 1 級 ‧ 2021-08-12 21:15:52

最佳解答

我後來發現,
好像直接npm install就可以解laravel-mix的錯誤了...
不知道舊版本是不是也這樣...

回應 4
分享
檢舉

看更多先前的回應...收起先前的回應...

㊣浩瀚星空㊣ iT邦大神 1 級 ‧ 2021-08-13 00:57:38 檢舉

大多數都是相對路徑的設定搞的鬼。
不過我是改換分離式的開發了。
倒也不在碰上這樣的問題過就是了。

之前使用 blade 樣板時有曾經碰過一次。
宣告好絕對路徑就好了。

小魚 iT邦大師 1 級 ‧ 2021-08-13 09:43:18 檢舉

我記得那部分好像是自己寫的,
我是都習慣從網頁跟目錄開始寫路徑.

forresthsia iT邦新手 3 級 ‧ 2021-08-14 22:33:52 檢舉

小魚㊣浩瀚星空㊣
報告兩位大大，請問兩位提到的宣告路徑
是指說在config/app.php裡面的asset_url嗎？

因為chrome讀不到而firefox讀的到，我就不太敢動，免得改完以後連firefox都讀不到....

小魚 iT邦大師 1 級 ‧ 2021-08-15 08:36:39 檢舉

我不知道你是怎麼寫的,
css應該是放在public資料夾底下,
所以通常直接用 /css/... 就可以了,
前面加 / 表示是從網頁的根目錄開始.

登入發表回應

我要發表回答

立即登入回答

參賽組數

1123 組

團體組數

52 組

累計文章數

23096 篇

完賽人數

656 人

15th鐵人賽 13th鐵人賽 14th鐵人賽 12th鐵人賽 11th鐵人賽鐵人賽 2019鐵人賽 2018鐵人賽 javascript 2017鐵人賽 python windows php c# windows server linux css react 程式設計 vue.js

IT邦幫忙