我正在使用axios做一个实时的laravel项目，并得到这个错误：Uncaught ReferenceError: axios is not defined.
我在视图组件中导入了app.js，如下所示：

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

<script>
(function() {
    const options = document.querySelectorAll('.quantity')

    Array.from(options).forEach(function(element) {
        element.addEventListener('change', function() {
            const id = element.getAttribute('data-id')

            axios.patch(`/cart/${id}`, {
                quantity: this.value
            })
            .then(function (response) {
                console.log(response);
            })
            .catch(function (error) {
                console.log(error);
            });
        })
    });
})();

我认为是第一个脚本标记导致了这个问题，因为我在控制台中看到了这个错误：

GET http://127.0.0.1:8000/js/app.js net::ERR_ABORTED 404 (Not Found)

但是，我不知道如何正确地链接到app.js文件。