require em Vue.js Component

Question

Good afternoon I can’t use the "Next" require in the Vue Component file. How to resolve this? the file in question is home.js:

const axios = require('axios');
Vue.component('home-page', {
    template: `
        <div>
           <input type='text' v-model='nome' >{{nome}} 
        </div>
    `,

    data: function () {

        return {
            nome: "teste",
        }
    },
    mounted: function () {

    }
})

the error that appears is the :

"Uncaught ReferenceError: require is not defined at home-page-component.js:1"

Thank you for your attention!!

Answer 1

I believe require would only work on Node friend (if you’re not using an import lib), try using es6 syntax:

import axios from 'axios';