Топор ios получить запрос с Webpack и Babel - PullRequest
Новая
       18

Топор ios получить запрос с Webpack и Babel

0 голосов
/ 21 марта 2020

Я использую 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)

1 Ответ

0 голосов
/ 21 марта 2020

Вам необходимо передать async & await во что-то, что будет запущено в браузере.

Существуют избыточные пакеты babel, которые мешают друг другу. 

// package.json

"@babel/core": "^7.8.7",
"@babel/preset-env": "^7.8.7",
"babel-loader": "^8.0.6",

// .babelrs

{
  "presets": [
    [
      "@babel/preset-env",
      {
        "useBuiltIns": "entry"
      }
    ]
  ]
}
...