Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/369.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使用Mix在Laravel中未检测到VUEJ_Javascript_Laravel_Vue.js_Laravel Mix_Laravel 5.7 - Fatal编程技术网

Javascript 使用Mix在Laravel中未检测到VUEJ

Javascript 使用Mix在Laravel中未检测到VUEJ,javascript,laravel,vue.js,laravel-mix,laravel-5.7,Javascript,Laravel,Vue.js,Laravel Mix,Laravel 5.7,我正在尝试使用laravel 5.7和mix设置VueJs,它只是说未检测到VueJs。我已经运行了npm安装。以下是我欢迎的观点: <!doctype html> <html lang="{{ str_replace('_', '-', app()->getLocale()) }}"> <head> <meta charset="utf-8"> <meta name="viewport" con

我正在尝试使用laravel 5.7和mix设置VueJs,它只是说未检测到VueJs。我已经运行了
npm安装
。以下是我欢迎的观点:

<!doctype html>
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">

        <title>Laravel</title>

        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bulma/0.7.2/css/bulma.css">

        <style type="text/css">body { padding-top: 40px; }</style>
    </head>
    <body>
        <div id="root" class="container">
            <message title="Hello World" body="Lorem ipsum dolor sit amet."></message>
    </div>
    </body>
</html>

我不明白为什么VueJs不能工作。任何帮助都将不胜感激。谢谢大家!

您需要在index.blade.php中添加此脚本

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

您需要在index.blade.php中添加此脚本

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

如前所述,您错过了脚本标记

如果您正在编译源代码,您应该使用
mix()
而不是
asset()
,因为它将尊重诸如
mix.version()
之类的内容

e、 g


如前所述,您错过了脚本标记

如果您正在编译源代码,您应该使用
mix()
而不是
asset()
,因为它将尊重诸如
mix.version()
之类的内容

e、 g


谢谢,这就是魔法

<script src="{{ mix('/js/app.js') }}"></script>


在laravel中,我将其放在blade HTML中,然后重新加载页面,F12和vue选项卡开始工作,现在我可以看到vue的标记。

谢谢,这让我变魔术了

<script src="{{ mix('/js/app.js') }}"></script>


在laravel中,我将其放在blade HTML中,然后重新加载页面,F12中有vue选项卡,现在我可以看到vue的标记。

您的视图中没有任何脚本标记。.啊,好的,谢谢!最简单的事情!您的视图中没有任何脚本标记..啊,好的,谢谢!最简单的事情!两者结合是更好的做法。mix()不会附加应用程序url。mix()会返回相对路径,这在大多数情况下都很好。如果您确实需要预先设置域,可以使用@Devon所说的
asset(mix(…)
secure_asset(mix(…)
。将两者结合使用是更好的做法。mix()不会附加应用程序url。mix()会返回相对路径,这在大多数情况下都很好。如果你真的需要预先设置域名,你可以使用
asset(mix(…)
secure_-asset(mix(…)
,正如@Devon所说的那样。