Axios ist nicht definiert

Ich bin mit axios für eine einfache Wetter-app mit React.js. Ich habe gerade den code, aber es gibt ein problem. Wenn ich starte das app, es funktioniert nicht bei allen und ich sehe einen Verweis Fehler, sagt axios is not defined.

Hier ist meine webpack.config.js Datei:

module.exports = {
    entry: './public/app/app.jsx',
    output: {
        path: __dirname,
        filename: './public/js/bundle.js'
    },
    externals: ['axios'],
    resolve: {
        root: __dirname,
        alias: {
            OpenWeatherMap: 'public/components/OpenWeatherMap.jsx',
            Main: 'public/components/Main.jsx',
            Nav: 'public/components/Nav.jsx',
            Weather: 'public/components/Weather.jsx',
            WeatherForm: 'public/components/WeatherForm.jsx',
            WeatherMessage: 'public/components/WeatherMessage.jsx',
            About: 'public/components/About.jsx'
        },
        extensions: ['', '.js', '.jsx']
    },
    module: {
        loaders: [{
            loader: 'babel-loader',
            query: {
                presets: ['react','es2015', 'stage-0']
            },
            test: /\.jsx?$/,
            exclude: /(node_modules|bower_components)/
        },{
            loader: 'json-loader',
            test: /\.json?$/
        }]
    }
};

und Paket.json-Datei:

{
  "name": "weather",
  "version": "1.0.0",
  "description": "Simple Weather App",
  "main": "ext.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "author": "Milad Fattahi",
  "license": "ISC",
  "dependencies": {
    "axios": "^0.16.1",
    "express": "^4.15.3",
    "json": "^9.0.6",
    "json-loader": "^0.5.4",
    "react": "^15.5.4",
    "react-dom": "^15.5.4",
    "react-router": "^4.1.1",
    "react-router-dom": "^4.1.1"
  },
  "devDependencies": {
    "babel-core": "^6.5.1",
    "babel-loader": "^6.2.2",
    "babel-preset-es2015": "^6.5.0",
    "babel-preset-react": "^6.5.0",
    "babel-preset-stage-0": "^6.24.1",
    "webpack": "^1.12.13"
  }
}
Gut, in welcher Datei sind Sie mit axios, dass Sie nicht importieren?
Ich bin mit axios nur in OpenWeatherMap.jsx-Datei und Import axios in dieser Datei.
kannst du die import-Anweisung
Ich habe versucht import axios from 'axios' und var axios = require('axios') beide aber nichts geändert.
versuchen Sie externals: ['axios'], von Ihrem webpack.config

InformationsquelleAutor Milad Fattahi | 2017-06-03

Schreibe einen Kommentar