使用 Mix 在 Laravel 中未检测到 VueJs

L. *_*Fox 1 javascript laravel vue.js laravel-mix laravel-5.7

我正在尝试使用 laravel 5.7 和 mix 设置 VueJs,它只是说未检测到 VueJs。我已经跑了npm install。这是我的欢迎观点:

<!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>
Run Code Online (Sandbox Code Playgroud)

这是我的应用程序js:

require('./bootstrap');

window.Vue = require('vue');

Vue.component('message', require('./components/Message.vue'));

const app = new Vue({
    el: '#root'
});
Run Code Online (Sandbox Code Playgroud)

我不明白为什么 VueJs 不起作用。任何帮助将不胜感激。谢谢!

Tra*_*itz 5

如上所述,您错过了脚本标签。

如果要编译你的源代码,你应该使用mix(),而不是asset(),因为它会尊重的东西,如文件版本mix.version()

例如

<script src="{{ mix('/js/app.js') }}"></script>
Run Code Online (Sandbox Code Playgroud)