この内容は古いバージョンです。最新バージョンを表示するには、戻るボタンを押してください。
バージョン:1
ページ更新者:T
更新日時:2019-07-27 19:45:22

タイトル: Error in created hook: "ReferenceError: axios is not defined"
SEOタイトル: 【Vue.jsエラー】Error in created hook: "ReferenceError: axios is not defined"

この記事の要点
  • Vue.js の ReferenceError: axios is not defined
  • 原因: axios が import / require されていない
  • 対処1: npm install axios → import axios from 'axios'
  • 対処2: グローバルに使うなら Vue.prototype.$axios = axios（Vue 2）

 

エラー内容

app.js:13672 [Vue warn]: Error in created hook: "ReferenceError: axios is not defined"

...

app.js:14935 ReferenceError: axios is not defined
    at VueComponent.getChannels (app.js:955)
    at VueComponent.created (app.js:943)
    at invokeWithErrorHandling (app.js:14901)
    at callHook (app.js:17252)
    at VueComponent.Vue._init (app.js:18034)
    at new VueComponent (app.js:18179)
    at createComponentInstanceForVnode (app.js:16328)
    at init (app.js:16159)
    at merged (app.js:16346)
    at createComponent (app.js:19005)

 

発生条件/原因/対処法

Laravel(PHPフレームワーク)を使用している場合、「resources/assets/js/app.js」で以下の文言が無ければ追加する。

require('./bootstrap');