为什么其他JavaScript文件在我的PHP文件中不起作用？

Question

单击以查看我使用Laravel（最新版本）和Vue 2 的图像。当我在file.blade.php页面中包含默认app.js（唯一起作用的js文件）时，它可以工作。 但是，如果我创建另一个js文件示例：apple.js与app.js（ressource / js / app.js）位于同一路径，则它不想找到它。

控制台Google Chrome：GET http://127.0.0.1:8000/js/apple.js net :: ERR_ABORTED 404（未找到）

我已经尝试过的：

script src="{{URL::asset('/js/apple.js')}}" /script

和

script src="{{asset('/js/apple.js')}}" /script

和

script src="/js/apple.js" /script

最后

script src="js/apple.js" /script

我以报价为目的。

    <!DOCTYPE html>
    <html>
    <head>
    <title></title>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bulma/0.7.2/css/bulma.css">
    <meta name="csrf-token" content="{{ csrf_token() }}">


    <style>

        body { padding-top:40px; }

    </style>


</head>
<body>





<div id="something" class="container">


    <tabs>

        <tab name="About us"  :selected="true">

            <h1>Here is the content for theabout us tab</h1>

        </tab>


        <tab name="About our Culture">

            <h1>Here is the content for the about our culture tab</h1>

        </tab>


        <tab name="About Our Vision">

            <h1>Here is the content for the about our vision tab</h1>

        </tab>

    </tabs>



</div>






<script src="{{asset('/js/apple.js')}}"></script>

</body>
</html>

Answer 1

大多数情况下，由于我们忘记编译文件，因此发生这种情况。 确保编译该文件，并且该文件显示在公用文件夹中。
对于编译，运行命令：
npm run dev

要进行连续编译，请运行watch命令：
npm run watch

Answer 2

如果在刀片文件中使用它，请尝试使用它。

@section('script')
<script .....></script>
@endsection

Answer 3

尝试在公共目录而不是资源目录中创建一个文件夹（将其命名为您想要的名称，通常我将其命名为js，因为它包含js文件），而不是在resources目录中，然后使用以下命令调用该文件：
<script type='text/javascript' src="{{ asset('/js/apple.js') }}"></script>

Answer 4

将目录结构resource/js/apple.js为public/js/apple.js

<script type="text/javascript" src="{{ URL::asset('js/apple.js') }}"></script>

如果您的目录结构是这样的，那么它将起作用： /public/js/apple.js

为什么其他JavaScript文件在我的PHP文件中不起作用？

问题描述

4 个解决方案

解决方案1
0 2019-01-30 07:55:57

解决方案2
0 2019-01-30 08:34:42

解决方案3
0 2019-01-30 09:00:45

解决方案4
0 已采纳 2019-01-30 10:22:45

为什么其他JavaScript文件在我的PHP文件中不起作用？

问题描述

4 个解决方案

解决方案1 0 2019-01-30 07:55:57

解决方案2 0 2019-01-30 08:34:42

解决方案3 0 2019-01-30 09:00:45

解决方案4 0 已采纳 2019-01-30 10:22:45

解决方案1
0 2019-01-30 07:55:57

解决方案2
0 2019-01-30 08:34:42

解决方案3
0 2019-01-30 09:00:45

解决方案4
0 已采纳 2019-01-30 10:22:45