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
versuchen Sie
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.configInformationsquelleAutor Milad Fattahi | 2017-06-03
Du musst angemeldet sein, um einen Kommentar abzugeben.
Ich weiß, dies mag offensichtlich erscheinen, aber stellen Sie sicher, es ist ein Verweis auf den Anfang der Datei, um die richtige axios oder installieren Sie es
https://www.npmjs.com/package/axios
Ich hatte das gleiche problem, bis ich die script-tag vor allem mein code. Macht absolut Sinn, als ich rief axios, bevor es war sogar definiert. Danke für deinen Beitrag!
InformationsquelleAutor itReverie
Ich vergaß zu importieren axios. Ich Hinzugefügt, um die Spitze von meinem Skript:
Ich auch vergessen zu installieren axios. Ich installierte axios über npm mit:
Dass gelöst, mein Fehler.
Danke. Das ist richtig. Ich vergaß, zu. lächeln
InformationsquelleAutor drGreen
ich denke als erstes u installieren
npm install axios --save
dann importieren Sie es app.js Datei
InformationsquelleAutor LOVENEET SINGH