VueJs не обнаружен в Laravel с помощью Mix

Я пытаюсь настроить VueJs с помощью laravel 5.7 и смешать, и он просто говорит, что 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>

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

require('./bootstrap');

window.Vue = require('vue');

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

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

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


javascript vue.js laravel laravel-mix laravel-5.7
person L. Fox    schedule 17.10.2018    source источник
comment
У вас нет тега script в вашем представлении.   -  person Devon    schedule 17.10.2018
comment
а ок спасибо! самые простые вещи!   -  person L. Fox    schedule 17.10.2018

Ответы (3)


arrow_upward
5
arrow_downward

Как уже было сказано, вы пропустили тег script.

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

e.g.

<script src="{{ mix('/js/app.js') }}"></script>
person Travis Britz    schedule 17.10.2018
comment
Сочетание обоих является лучшей практикой. mix() не добавляет URL-адрес приложения. - person Devon; 17.10.2018
comment
mix() возвращает относительный путь, что в большинстве случаев нормально. Если вам действительно нужен домен, вы можете использовать asset(mix(...)) или secure_asset(mix(...)), как сказал @Devon. - person Travis Britz; 17.10.2018

arrow_upward
2
arrow_downward

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

<script src="{{ asset('/js/app.js') }}"></script>
person hector cifuentes    schedule 17.10.2018

arrow_upward
0
arrow_downward

спасибо, это волшебство

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

в laravel я помещаю его в HTML-код лезвия, а затем перезагружаю страницу, F12, и вкладка vue работала, и теперь я вижу теги vue.

person ivn    schedule 18.07.2020