Я использую Webpack и Babel и пытаюсь создать запрос ax ios GET, и процесс связывания завершается неудачно, когда я включаю запрос ax ios, используя asyn c function.
Если я удалю функцию asyn c, процесс связывания будет успешным.
Help?
package. json:
"devDependencies": {
"@babel/core": "^7.8.7",
"babel-core": "^6.26.3",
"babel-loader": "^8.0.6",
"babel-preset-env": "^1.7.0",
"html-webpack-plugin": "^3.2.0",
"webpack": "^4.42.0",
"webpack-cli": "^3.3.11",
"webpack-dev-server": "^3.10.3"
},
"dependencies": {
"axios": "^0.19.2",
"babel-polyfill": "^6.26.0"
}
Webpack.config. js:
const path = require('path');
const htmlWebpackPlugin = require('html-webpack-plugin');
module.exports = {
entry: ['babel-polyfill', './src/JS/index.js'],
output: {
path: path.resolve(__dirname, 'dist'),
filename: 'js/bundle.js'
},
devServer: {
contentBase: './dist'
},
plugins: [
new htmlWebpackPlugin({
filename: 'index.html',
template: './src/index.html'
})
],
module: {
rules: [
{
test: /\.js$/,
exclude: /node_modules/,
use: {
loader: 'babel-loader'
}
}
]
}
};
index. js:
import axios from 'axios';
async function getResults(query) {
const res = await axios.get(`https://forkify-api.herokuapp.com/api/search?q=${query}`);
console.log(res);
};
getResults(1)