2017-10-11 2 views
0

Je cours Laravel 5.4 avec Vue.js et Axios avec Laravel Passport. Donc, dans mon/home j'appelle composants Vue.js:Laravel 5.4 et Axion me rendent fou: "Axios n'est pas défini"

<passport-clients></passport-clients> 
<passport-authorized-clients></passport-authorized-clients> 
<passport-personal-access-tokens></passport-personal-access-tokens> 

Quand je lance le serveur et suis entré dans la page, les composants sont chargés. Cependant, les boutons d'action ne fonctionne pas et les affiche de cette erreur:

vue.js?3de6:482 [Vue warn]: Error in mounted hook: "ReferenceError: axios is not defined" found in ---> at /home/someusername/Documentos/AGIL/DESENVOLVIMENTO/somefolder/projeto/resources/assets/js/components/passport/Clients.vue

et celle des autres, tels que:

ReferenceError: axios is not defined at VueComponent.getClients (eval at (app.js:320), :277:13) at VueComponent.boundFn [as getClients] (eval at (app.js:418), :186:12) at VueComponent.prepareComponent (eval at (app.js:320), :260:18) at VueComponent.boundFn [as prepareComponent] (eval at (app.js:418), :186:12) at VueComponent.mounted (eval at (app.js:320), :252:14) at callHook (eval at (app.js:418), :2705:21) at Object.insert (eval at (app.js:418), :3586:7) at invokeInsertHook (eval at (app.js:418), :5532:28) at Vue$3.patch [as patch] (eval at (app.js:418), :5735:5) at Vue$3.Vue._update (eval at (app.js:418), :2454:19)

Ce me rend fou, je l'ai déjà installé Axios, Vue.js, tout pointe?

Répondre

0

La réponse est simple:

numéro un: si vous suivez quelques tutoriel ou d'un cours, ne fonctionnera même pas Croyons chose.

Numéro deux: à l'intérieur des ressources/actifs/js/composants/passeport /, ouvrez chaque component.vue (exemple client.vue) et après insertion:

var axios = require("axios");