Axios n'est pas défini
Je suis en utilisant axios pour la construction d'une simple application météo avec des React.js. Je viens de terminer le code mais il y a un problème. Lorsque je lance l'application, elle ne fonctionne pas du tout et je vois une erreur de référence qui dit axios is not defined
.
Voici mon webpack.config.js fichier:
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?$/
}]
}
};
et l'emballage.fichier json:
{
"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"
}
}
Bien ce fichier êtes-vous à l'aide de axios dans que vous n'avez pas l'importer?
Je suis à l'aide d'axios seulement dans OpenWeatherMap.jsx fichier et j'ai importé axios dans ce fichier.
pouvez-vous partager l'instruction d'importation
J'ai essayé
essayez de supprimer
Je suis à l'aide d'axios seulement dans OpenWeatherMap.jsx fichier et j'ai importé axios dans ce fichier.
pouvez-vous partager l'instruction d'importation
J'ai essayé
import axios from 'axios'
et var axios = require('axios')
les deux, mais rien n'a changé.essayez de supprimer
externals: ['axios'],
de votre webpack.configOriginalL'auteur Milad Fattahi | 2017-06-03
Vous devez vous connecter pour publier un commentaire.
Je sais que cela peut sembler évident, mais assurez-vous qu'il est une référence dans le haut de votre fichier à la bonne axios ou l'installer
https://www.npmjs.com/package/axios
J'ai eu le même problème, jusqu'à ce que j'ai mis la balise de script au-dessus de tout mon code. Le sens parfait, comme je l'appelle axios avant elle a même été définis. Je vous remercie pour votre contribution!
c'est évident, mais aussi très utile. Parfois, je peux être bête et d'oublier des choses. Merci itReverie
OriginalL'auteur itReverie
J'ai oublié d'importer axios. J'ai ajouté en haut de mon script:
J'ai aussi oublié d'installer axios. J'ai installé axios via npm à l'aide de:
Qui a résolu mon erreur.
Merci. C'est correct. J'ai oublié que trop. sourires
OriginalL'auteur pamekar
je pense d'abord u d'avoir à l'installer
npm install axios --save
puis de l'importer dans app.js fichier
OriginalL'auteur LOVENEET SINGH