Laravel 5.7 с Vue.js

Question

Я создал новый проект Laravel 5.7 с веб-пакетом.Теперь после компиляции файлов с веб-пакетом VueJs не работает, значит не показывает компонент для проверки и даже v-модель не работает.Я использовал CDN vuejs и также установил один, но все еще не работает.

не скомпилированный файл JS:

import Vue from 'vue';

new Vue({
    el: '#addProduct_',
    data: {
        netKg: 0,
        grossKg: 0,

        taric_hs: 'taric',
        hs_par: 'hs par',
    },

    methods: {

        getHsPer:function(){
            alert(123);
            if(this.taric_hs.length == 10) {
                console.log(123);
                axios.get('/products/getHsPercentage/'+this.taric_hs)
                    .then(response =>[
                        this.hs_per = response.data.hs_percentage
                    ])
            }
        },
    },

    computed: {
        minGrossKg(){
            return this.netKg;
        },
    },
    mounted() {},

});
Vue.config.devtools = true;

Файл Blade:

<div class="container" id="addProduct_">
        <div class="card-body">
            <form method="post" role="form" action="/products">
                @csrf
                <div class="form-row">
                    <div class="form-group col-md-3">
                        <label for="taricHs">TARIC HS</label>
                        <input type="text" class="form-control" id="taricHs" name="taricHs"
                               placeholder="TARIC HS" minlength="10" maxlength="10"
                               v-model="taric_hs" @click="getHsPer()" required>

                    </div>

                    <div class="form-group col-md-3">
                        <label for="hsPer">Duty Percentage</label>
                        <input type="number" class="form-control" id="hsPer" name="hsPer"
                               placeholder="HS Percentage" v-model="hs_par" readonly>
                    </div>
                </div>

                <button type="submit" class="btn btn-primary">Save</button>
            </form>
        </div>
</div>

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

ЕСЛИ я использую ссылку CDN VueJs: шоу-проект "vue-devtool" находится в режиме продукта, а консоль показывает, что проект находится в режиме разработки и все еще не показывает корневой компонент на вкладке Vueи VueJs тоже до сих пор не работает.ссылка на картинку ниже. снимок экрана браузера

Answer 1

перезапустите браузер, если вы этого еще не сделали.