Question

我正在使用Laravel的最新版本，尝试在前端导入和使用JS文件。我将它们存储在我的文件夹“ public / js /”中。
我有这个Blade模板，您可以在下面看到pizza.blade.php。如果检查页面源，则可以清楚地看到JS文件是否存在，因为它们的链接（通常可以正常使用）是“ http://localhost:8000/storage/ ...”。
但是，它们无法在文档内部工作，并且在检查“网络”选项卡时，我可以看到它们未导入。
位于“ public / storage”中的图片pizza.png正确显示。
我究竟做错了什么？另外，有没有更好的做法来使用JS文件（例如mix或npm）？
预先感谢。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <script>src="{{asset('/js/jquery-3.3.1.js')}}"</script>
    <script>src="{{ asset('/js/test.js') }}"</script>
    <title>Document</title>
</head>
<body>
    <h1 class="ciao">PIZZA LOGO</h1>
    <div>
        <img src="http://localhost:8000/storage/pizza.png" alt="">
    </div>
</body>
    <script>
        $(document).ready(function () {
            $(".ciao").css('display', 'none');
        });
    </script>
</html>

Answer 1

您遇到此错误

<script>src="{{asset('/js/jquery-3.3.1.js')}}"</script>

这只是脚本，其中包含单个javascript变量和字符串。您需要这个：

<script src="{{asset('/js/jquery-3.3.1.js')}}"></script>

这是具有src属性的html脚本标记。

Laravel中的jQuery导入但不起作用

1 个答案: