У меня есть Laravel проект, использующий Vue. js и Ax ios с Laravel Mix для создания ресурсов CSS / JS.
Во время разработки я был используя npm run dev и npm run watch для создания активов без проблем. Я пытался использовать npm run prod один раз для проверки размеров пакета, но как только я это сделал, даже если все компилируется без проблем, все запросы Ax ios в веб-приложении начинают выдавать ошибки.
В частности, я заметил следующее:
Если я импортирую Ax ios напрямую из node_modules следующим образом:
import axios from 'axios';
Тогда запросы Ax ios работают нормально, даже при использовании npm run prod.
Тем не менее, я создал свою собственную библиотеку Ax ios, которую я предпочел бы использовать, потому что она имеет предустановки заголовков и т. Д. c. Я могу импортировать библиотеку Ax ios, которую я построил следующим образом:
import axios from './lib/axios';
Если я сделаю это в сочетании с npm run prod, а затем попробую сделать что-то похожее на стандартный вызов axios.get(), который прекрасно работает с npm run dev/watch, тогда я получаю следующую ошибку:
TypeError: Невозможно прочитать свойство 'get' из неопределенного
Интересно то, что даже если я буквально только делаю следующее в lib/axios.js, я все еще получаю ту же ошибку на npm run prod сборках:
import axios from 'axios';
export default axios;
Зачем просто импортировать и экспортировать Ax ios из файла, а затем импортировать Ax ios из этого файла (lib/axios.js) вызывают ошибки только в сборках prod, но импорт Ax ios напрямую из node_modules не вызывает ошибок? Я весьма озадачен. Спасибо за вашу помощь.