Question

加载视图时，所有资源都使用MIME类型text/html

进行了错误传输

所以在控制台上我看到了：

Resource interpreted as Script but transferred with MIME type text/html: "http://trivia.dev/guest". guest:11
Resource interpreted as Image but transferred with MIME type text/html: "http://trivia.dev/guest". guest:71
Uncaught SyntaxError: Unexpected token <

语法错误位于html文件的第一行，这意味着它被读取为脚本而不是HTML。出于某种原因，这只发生在我在HTML中提取脚本时。

我的主要布局：

<!DOCTYPE html>

<html lang="en-US">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, user-scalable=no">
    <title>@yield('title') | Royal Trivia</title>

    <link rel="icon" href="{{URL::to('img/favicon.png')}}">
    <link rel="stylesheet" href="{{URL::to('css/style.css')}}">
    <script src="{{URL::to('js/bundle.min.js')}}"></script>

</head>
<body>

   <div class="flash">{{Session::get('flash_message')}}</div>
    @yield('content')

  </body>
</html>

生成的HTML：

<!DOCTYPE html>

<html lang="en-US">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, user-scalable=no">
    <title>שחק וזכה | Royal Trivia</title>

    <link rel="icon" href="http://trivia.dev/img/favicon.png">
    <link rel="stylesheet" href="http://trivia.dev/css/style.css">
    <script src="http://trivia.dev/js/bundle.min.js"></script>

</head>
<body>

   <div class="flash"></div>

<header>
    <div class="container">
        <ul class="lang-icons">
            <li><a href=""><img src="" alt="hebrew"/></a></li>
            <li><a href=""><img src="" alt="english"/></a></li>
            <li><a href=""><img src="" alt="spanish"/></a></li>
        </ul> <!--lang-icons-->

            <a class="logo" href="/">
                <img src="http://trivia.dev/img/mobile/logo.png" alt="RoyalTrivia"/>
            </a><!--logo-->

        <div class="users-count">
            <small>כרגע באתר 1000 משתמשים</small>
        </div>
    </div><!--container-->

</header><div class="cta-strip">
    <div class="container">
        <img class=mobile src="http://trivia.dev/img/mobile/login_image.png" alt="people"/>
        <div class="cta-text">
    <h1>משחק הטריוויה שמטריף את כולם</h1>
    <h4>הידע שלכם שווה כסף</h4>
    <h5>ענו על 3 שאלות טריוויה</h5>
    <h5>אם עניתם נכון ומהר יותר מהמתחרה מולכם - זכיתם</h5>
    <h3>בואו להרוויח כסף</h3>
</div> <!--cta-text-->    </div> <!--container-->
</div> <!--cta-strip--><div class="buttons-strip">
    <div class="container">
        <div class="cta-text">
    <h1>משחק הטריוויה שמטריף את כולם</h1>
    <h4>הידע שלכם שווה כסף</h4>
    <h5>ענו על 3 שאלות טריוויה</h5>
    <h5>אם עניתם נכון ומהר יותר מהמתחרה מולכם - זכיתם</h5>
    <h3>בואו להרוויח כסף</h3>
</div> <!--cta-text-->        <div class="CTA-btns">
            <div class="login-btn clearfix">
                <small>משתמש רשום?</small>
                <a class="star-btn login-link" href="#/login"><span>כניסה</span></a>
            </div><!--login-btn-->

            <div class="signup-btn clearfix">
                <small>לא רשום?</small>
                <a class="star-btn signup-link" href="#/signup"><span>הרשמה</span></a>
            </div><!--signup-btn-->
        </div><!--CTA-btns-->

    </div><!--container-->
</div><!--buttons-strip--><footer>
    <div class="container">
        <ul class="social-icons">
            <li><a href='facebook.com'><img src='someimage.png' alt='email'/></a></li>
            <li><a href='facebook.com'><img src='someimage.png' alt=''/></a></li>
            <li><a href='facebook.com'><img src='someimage.png' alt='youtube'/></a></li>
            <li><a href='facebook.com'><img src='someimage.png' alt='google+'/></a></li>
            <li><a href='facebook.com'><img src='someimage.png' alt='twitter'/></a></li>
            <li><a href='facebook.com'><img src='someimage.png' alt='facebook'/></a></li>

        </ul>
        <p>&copy; All rights reserved to Royal Trivia</p>
    </div><!--container-->
</footer>

  </body>
</html>

Answer 1

我发现问题归功于@ Unnawut的建议：文件名不正确（应该是bundle.js）。奇怪的是，我没有获得404，但被重定向到导致MIME类型错误和语法错误的/guest路由。

我查看了我的文件，找到了一个重定向回主页的404处理程序。

Laravel查看MIME类型问题

1 个答案: