亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

如何在 Laravel 中使用 app.js 和 app.css 修復錯誤 404?

如何在 Laravel 中使用 app.js 和 app.css 修復錯誤 404?

qq_遁去的一_1 2021-12-23 19:58:39
我正在使用 Laravel 6 和 Bootstrap 4。我制作了一個小應用程序,我試圖更改 CSS 文件中主體的背景顏色,但我注意到它不起作用。于是查了一下開發者的工具,發現app.js和css/app.css有兩個錯誤“加載資源失敗:服務器響應狀態為 404(未找到)”我嘗試在 CSS 的路徑之前添加一個“/”,但我失敗了??捶ǎ?lt;!doctype html><html lang="{{ str_replace('_', '-', app()->getLocale()) }}"><head>    <meta charset="utf-8">    <meta name="viewport" content="width=device-width, initial-scale=1">    <!-- CSRF Token -->    <meta name="csrf-token" content="{{ csrf_token() }}">    <title>{{ config('app.name', 'Laravel') }}</title>    <!-- Scripts -->    <script src="{{ asset('js/app.js') }}" defer></script>    <!-- Fonts -->    <link rel="dns-prefetch" href="//fonts.gstatic.com">    <link href="https://fonts.googleapis.com/css?family=Nunito" rel="stylesheet">    <!-- Styles -->    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">    <link href="{{ asset('css/app.css') }}" rel="stylesheet" type="text/css">    <script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script></head><body style="overflow: hidden; ">    <div id="app">        @include('../inc/navbar')        <main class="py-4">            @yield('content')        </main>        <br>        <br>        <br>        @include('../inc/footer')    </div>    </body></html>CSS:body {    background-color: lightblue !important;}我想看看淺藍色的身體,但由于某種原因它不起作用。你有什么想法嗎?
查看完整描述

3 回答

?
尚方寶劍之說

TA貢獻1788條經驗 獲得超4個贊

我試圖更改 css 文件中主體的背景顏色,但我注意到它不起作用。

如果這是 Laravel 的全新安裝,您需要運行npm install. 安裝所有前端資產(css、js 等)。如果您從未對 css 或 js 進行過任何更改,則需要在終端中運行以下命令:npm run devnpm run watch這里有更多關于 Laravel Mix 的文檔。

你不會想接觸實際的.css文件;每當資產編譯時,它都會被覆蓋。使用上面的命令會將所有.scss文件重新編譯為.css.

希望這可以幫助!


查看完整回答
反對 回復 2021-12-23
?
哆啦的時光機

TA貢獻1779條經驗 獲得超6個贊

您需要編譯資產。(假設你已經安裝了 npm)

npm run prod - if production

或者

npm run dev  - if development

您也可以resources/sass/_variables.scss在編譯資產之前更改文件中的顏色。


查看完整回答
反對 回復 2021-12-23
?
慕森王

TA貢獻1777條經驗 獲得超3個贊

此錯誤指示的位置app.js和app.css不正確:


“加載資源失?。悍掌黜憫獱顟B為 404(未找到)”


解決方案:


使您的目錄結構對于 JS 是這樣的: /public/js/app.js


使您的目錄結構對于 CSS 是這樣的: /public/css/app.css


查看完整回答
反對 回復 2021-12-23
  • 3 回答
  • 0 關注
  • 547 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號