如何在Laravel中使用app.js和app.css修复错误404?

米歇尔·德拉·米

我正在使用Laravel 6和Bootstrap 4。

我做了一个小应用程序,当时我试图在CSS文件中更改主体的背景颜色,但我注意到它没有用。

因此,我检查了开发人员的工具,发现关于app.jscss / app.css有两个错误

“无法加载资源:服务器响应状态为404(未找到)”

我尝试在CSS路径之前添加“ /”,但失败了。

视图:

<!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;
}

我希望看到浅蓝色的机身,但由于某种原因它无法正常工作。你有主意吗

达蒙

我试图在css文件中更改主体的背景颜色,但是我发现它不起作用。

如果这是Laravel的全新安装,则需要运行npm install安装所有前端资产(css,js等)。如果您从未对CSS或JS进行任何更改,则需要在终端中运行以下命令:npm run devnpm run watch这是Laravel Mix的更多文档

您将不想触摸实际的.css文件;每当资产编译时,它将被覆盖。使用以上命令将所有.scss文件重新编译.css

希望这可以帮助!

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何在Web App中使用Process时修复DirectoryNotFoundException

来自分类Dev

如何在create-react-app中使用Sass和CSS模块?

来自分类Dev

如何在create-react-app和Typescript中使用CSS模块覆盖Material-UI?

来自分类Dev

如何在子页面Laravel 5中使用js和CSS

来自分类Dev

如何在Laravel中使用动态js和CSS添加布局?

来自分类Dev

如何在_app.js(Next.js)中声明的全局CSS文件中使用CSS类

来自分类Dev

VueJs 的最佳实践使用 laravel 混合和放置 app.js 与 bootstrap 和 app.css 来自 sass

来自分类Dev

如何修复 Laravel 404 NotFoundHttpException 错误?

来自分类Dev

Laravel 4使用App :: error和App :: abort(404)

来自分类Dev

使用laravel修复Google抓取404错误

来自分类Dev

如何修复 Django url-routing、get_object_or_404 和 Slug 中的此类错误?

来自分类Dev

如何在Create React App中使用CSS模块覆盖Bootstrap样式

来自分类Dev

404 错误,尝试添加 app.js

来自分类Dev

如何在Android中使用位置,适配器和ListView修复此错误?

来自分类Dev

如何在 Wordpress 中使用 CSS 修复标题高度和调整徽标大小

来自分类Dev

如何在Console App中使用UnityResolver?

来自分类Dev

如何在Express App中使用Promise?

来自分类Dev

如何在App Engine中使用PDB?

来自分类Dev

与API通信时如何修复404错误

来自分类Dev

如何使用css输入类型按钮和按钮引导程序修复firefox不同行高的错误

来自分类Dev

create-react-app CSS和JS路径

来自分类Dev

如何在 Node.js(和 create-react-app)中使用 p5.js 声音库预加载

来自分类Dev

如何在 Laravel 中使用 WhereNotIn 和 with?

来自分类Dev

如何修复此gradle app:dexDebug错误?

来自分类Dev

如何在The Blazor App中重命名捆绑的静态文件(ProjectName.style.css和blazor.server.js)

来自分类Dev

如何在node.js中使用混合的C ++和.Net dll?(错误:abort()已被调用)

来自分类Dev

如何在Xcode 7.2中使用UIWebViews加载网站的CSS和JS文件?

来自分类Dev

如何在 Laravel 5.7 和 Laravel Collective 中使用 action

来自分类Dev

如何在JavaScript中使用setter和getter,遇到错误

Related 相关文章

  1. 1

    如何在Web App中使用Process时修复DirectoryNotFoundException

  2. 2

    如何在create-react-app中使用Sass和CSS模块?

  3. 3

    如何在create-react-app和Typescript中使用CSS模块覆盖Material-UI?

  4. 4

    如何在子页面Laravel 5中使用js和CSS

  5. 5

    如何在Laravel中使用动态js和CSS添加布局?

  6. 6

    如何在_app.js(Next.js)中声明的全局CSS文件中使用CSS类

  7. 7

    VueJs 的最佳实践使用 laravel 混合和放置 app.js 与 bootstrap 和 app.css 来自 sass

  8. 8

    如何修复 Laravel 404 NotFoundHttpException 错误?

  9. 9

    Laravel 4使用App :: error和App :: abort(404)

  10. 10

    使用laravel修复Google抓取404错误

  11. 11

    如何修复 Django url-routing、get_object_or_404 和 Slug 中的此类错误?

  12. 12

    如何在Create React App中使用CSS模块覆盖Bootstrap样式

  13. 13

    404 错误,尝试添加 app.js

  14. 14

    如何在Android中使用位置,适配器和ListView修复此错误?

  15. 15

    如何在 Wordpress 中使用 CSS 修复标题高度和调整徽标大小

  16. 16

    如何在Console App中使用UnityResolver?

  17. 17

    如何在Express App中使用Promise?

  18. 18

    如何在App Engine中使用PDB?

  19. 19

    与API通信时如何修复404错误

  20. 20

    如何使用css输入类型按钮和按钮引导程序修复firefox不同行高的错误

  21. 21

    create-react-app CSS和JS路径

  22. 22

    如何在 Node.js(和 create-react-app)中使用 p5.js 声音库预加载

  23. 23

    如何在 Laravel 中使用 WhereNotIn 和 with?

  24. 24

    如何修复此gradle app:dexDebug错误?

  25. 25

    如何在The Blazor App中重命名捆绑的静态文件(ProjectName.style.css和blazor.server.js)

  26. 26

    如何在node.js中使用混合的C ++和.Net dll?(错误:abort()已被调用)

  27. 27

    如何在Xcode 7.2中使用UIWebViews加载网站的CSS和JS文件?

  28. 28

    如何在 Laravel 5.7 和 Laravel Collective 中使用 action

  29. 29

    如何在JavaScript中使用setter和getter,遇到错误

热门标签

归档