The Heroku server does not recognize my vueJs file

Question

I made the deploy of my Laravel project as shown in the video below:

CLICK ON THE VIDEO

Everything worked out, but when I went to load the page again appeared this:

When trying to perform any operation it generates all kinds of errors.

When I went to inspect the page this error appeared:

Failed to load resource: the server responded with a status of 404 (Not Found)
app.js:1 Uncaught ReferenceError: Vue is not defined
    at app.js:1

This means that it did not recognize my App.js file, but on my local computer it works perfectly, I wonder what happened?

This is my app file:

new Vue({
            el: '#crud',
            created: function() {
                    this.getRegistros();
            },
            data: {
                    registros: [],
                    newDesc: '',
                    newPreco: '',
                    newQtdQuartos: '',
                    newTipo: '',
                    newFinalidade: '',
                    newLogradouroEndereco: '',
                    newBairroEndereco: '',
                    preencherRegistro: {
                        'id': '',
                        'descricao': '',
                        'preco': '',
                        'qtdQuartos': '',
                         tipos: ''  ,// acho que meu problema está aqui******
                        'finalidade': '',// acho que meu problema está aqui******
                        'logradouroEndereco': '',
                        'bairroEndereco': ''
                    },
                    errors: []
            },

            methods: {
                    getRegistros: function() {
                        var urlRegistro = 'imovels';
                        axios.get(urlRegistro).then(response => {
                                this.registros = response.data
                        });
                    },
                    editarRegistro: function(registro) {
                        /*  alert(registro.tipos); */

                             this.preencherRegistro.id = registro.id;
                             this.preencherRegistro.descricao = registro.descricao;
                             this.preencherRegistro.preco = registro.preco;
                             this.preencherRegistro.qtdQuartos = registro.qtdQuartos;
                             this.preencherRegistro.tipos = registro.tipos;
                             this.preencherRegistro.finalidade = registro.finalidade;
                             this.preencherRegistro.logradouroEndereco = registro.logradouroEndereco;
                             this.preencherRegistro.bairroEndereco = registro.bairroEndereco;
        //''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''                     console.log(this.preencherRegistro.tipos);
                             $('#edit').modal('show');
                    },
                    updateRegistro: function(id) {
                            var url = 'imovels/' + id;
                            axios.put(url, this.preencherRegistro).then(response => {
                                    this.getRegistros();
                                    this.preencherRegistro = {  'id': '',
                                    'descricao': '',
                                    'preco': '',
                                    'qtdQuartos': '',
                                     tipos: ''  ,
                                    'finalidade': '',
                                    'logradouroEndereco': '',
                                    'bairroEndereco': ''  };
                                    this.errors   = [];
                                    $('#edit').modal('hide');
                                    toastr.success('Tarea actualizada con éxito');
                                            }).catch(error => {
                                                this.errors = 'Corrija para poder editar con éxito'
                                            });
                    },
                     createRegistro: function() {
                         var url = 'imovels';
                         axios.post(url, {
                            descricao: this.newDesc,
                            preco: this.newPreco,
                            qtdQuartos: this.newQtdQuartos,
                            tipos: this.newTipo,
                            finalidade: this.newFinalidade,
                            logradouroEndereco:  this.newLogradouroEndereco,
                          bairroEndereco:    this.newBairroEndereco
                         }).then(response => {
                             this.getRegistros();
                             this.newDesc = '';
                             this.newPreco = '';
                             this.newQtdQuartos = '';
                             this.newTipo = '';
                             this.newFinalidade = '';
                             this.newLogradouroEndereco = '';
                             this.newBairroEndereco = '';
                             this.errors = [];
                             $('#create').modal('hide');// efetuar a execução
                            toastr.success('Novo imóvel criado com sucesso!');
                         }).catch(error => {
                                this.errors = error.response.data
                         });
                     },
                    deletarRegistro: function(registro) {
                             var url = 'imovels/' + registro.id;
                             axios.delete(url).then(response => {
                                 this.getRegistros();
                                 toastr.success('Registro excluído com sucesso');
                             });
                    }
            }
        });