Laravel 从 5.5 升级到 5.6 到 5.7：未捕获 ReferenceError: axios is not defined

Posted 2023-03-14

【中文标题】Laravel 从 5.5 升级到 5.6 到 5.7：未捕获 ReferenceError: axios is not defined

【英文标题】：Laravel upgrade from 5.5 to 5.6 to 5.7: Uncaught ReferenceError: axios is not defined

【发布时间】：2019-08-17 10:23:44

【问题描述】：

将 Laravel 从 5.5 升级到 5.7 后，AXios 不再工作

尝试了我所知道的一切，例如：composer update、dump-autoload、artisan config:clear、cache:clear、composer require axios、npm install axios 和错误仍然存​​在

Uncaught ReferenceError: axios is not defined

在 bootstrap.js 文件中：

window.axios = require('axios');

window.axios.defaults.headers.common['X-Requested-With'] = 'XMLHttpRequest';

这是 app.js 文件：

require('./bootstrap');

window.Vue = require('vue');
import Vue from "vue";

// Vue.component('example-component', require('./components/ExampleComponent.vue'), default);

import VueTheMask from "vue-the-mask";
Vue.use(VueTheMask);

我做错了什么？ 有人吗？

【问题讨论】：

您能否为异常提供更多上下文？也许堆栈跟踪会有所帮助

您在哪里以及如何在您的 javascript 中引用 axios？

【参考方案1】：

NPM 模块独立于 Laravel 升级。也许您可能面临的问题是缓存。试试下面的：

yarn cache clean    
rm -rf ./node_modules    
yarn
yarn add axios

如果你不使用纱线，你应该。比 NPM 更快、更干净。

【讨论】：

尝试import axios from 'axios'，然后尝试window.axios = axios

还是不行。查看我的 bootstrap.js ``` window._ = require('lodash');试试 window.$ = window.jQuery = require('jquery');需要（'引导-sass'）； catch (e) 从“axios”导入 axios；窗口.axios = axios; window.axios.defaults.headers.common['X-Requested-With'] = 'XMLHttpRequest';让 token = document.head.querySelector('meta[name="csrf-token"]'); if (token) window.axios.defaults.headers.common['X-CSRF-TOKEN'] = token.content; else console.error('未找到 CSRF 令牌：laravel.com/docs/csrf#csrf-x-csrf-token'); ```

我真的被困在这……这毫无意义……你同意吗？

你能把项目上传到仓库并分享吗？或至少在 codepen 上写一段

那么抱歉，我真的帮不了你。祝你好运