Я использую бис и пряжу, чтобы настроить мои javascript и css в symfony проекте. Я хочу использовать топор ios, поэтому я использую:
yarn add axios
, затем добавляю этот код в приложение. js
import '../css/app.scss';
import axios from "axios";
console.log('test');
axios({
url: 'https://dog.ceo/api/breeds/list/all',
method: 'get',
data: {
foo: 'bar'
}
});
Затем пряжа отслеживает изменения и компилирует это к этому:
(window["webpackJsonp"] = window["webpackJsonp"] || []).push([["app"],{
/***/ "./assets/css/app.scss":
/*!*****************************!*\
!*** ./assets/css/app.scss ***!
\*****************************/
/*! no static exports found */
/***/ (function(module, exports, __webpack_require__) {
// extracted by mini-css-extract-plugin
/***/ }),
/***/ "./assets/js/app.js":
/*!**************************!*\
!*** ./assets/js/app.js ***!
\**************************/
/*! no exports provided */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony import */ var _css_app_scss__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../css/app.scss */ "./assets/css/app.scss");
/* harmony import */ var _css_app_scss__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_css_app_scss__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var axios__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! axios */ "./node_modules/axios/index.js");
/* harmony import */ var axios__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(axios__WEBPACK_IMPORTED_MODULE_1__);
console.log('test');
axios__WEBPACK_IMPORTED_MODULE_1___default()({
url: 'https://dog.ceo/api/breeds/list/all',
method: 'get',
data: {
foo: 'bar'
}
});
/***/ })
},[["./assets/js/app.js","runtime","vendors~app~normalization"]]]);
Когда я удаляю импорт Ax ios, console.log ('test') запускается, но когда я добавляю импорт, он не будет. Таким образом, импорт нарушает другой код.
Может кто-нибудь объяснить, как я импортирую топор ios без проблем?