VueJs не обнаружены в Laravel при использовании Mix - PullRequest
0 голосов
/ 17 октября 2018

Я пытаюсь настроить VueJ с использованием laravel 5.7 и смешать, и он просто говорит, что VueJ не обнаружены.Я бежал 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>

вот мое приложение js:

require('./bootstrap');

window.Vue = require('vue');

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

const app = new Vue({
    el: '#root'
});

Я не могу понять, почему VueJ не будет работать.Любая помощь будет принята с благодарностью.Спасибо!

Ответы [ 2 ]

0 голосов
/ 17 октября 2018

Как уже говорилось, вы пропустили тег сценария.

Если вы компилируете свои исходные коды, вы должны использовать mix() вместо asset(), поскольку это будет учитывать такие вещи, как управление версиями файлов с mix.version().

например

<script src="{{ mix('/js/app.js') }}"></script>
0 голосов
/ 17 октября 2018

вам нужно добавить этот скрипт в ваш index.blade.php

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