Forum : XMLHttpRequest ne marche pas avec webpack

Bonjour,

Alors voilà...
j'ai installé webpack avec vue-cli pour faire quelque tests,
notamment avex PIXI.js
et j'ai des soucis avec le chargement de Json

Voilà ma founction que j'appele sur le hook 'mounted'

load() { //http://englercj.github.io/resource-loader/index.html let loader = new PIXI.loaders.Loader() loader.reset() let returnJson = require('../assets/data/datas.json') console.log('require =>', returnJson) let xhr = new XMLHttpRequest() xhr.onreadystatechange = function() { if (xhr.readyState == 4 && xhr.status == 200) { const obj = xhr.responseText console.log('xhr =>', obj) } } xhr.open('GET', returnJson, true) xhr.send() const returnImg = require('../assets/img/threshold.jpg') loader.add({ name:'myJson', url: '../assets/data/datas.json' }) loader.add({ name:'myImg', url: returnImg }) loader.load( (loader, resources) => { console.log('Loader img =>', resources.myImg) console.log(Loader Json =>', resources.myJson) }) }

Lorsque je cherche le json avec require, j'ai bien mon json dans la console.
Lorsque je l'apelle avec XMLHttpRequest, je devrais avoir le json sous forme de string,
mais j'ai ca ( l'index pardefaut parce que je n'ai pas de bon url)

xhr =><!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>template-pixi</title> <script src="https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js"></script> </head> <body> <div id="app"></div>  <script type="text/javascript" src="/app.js"></script></body> </html>

Pareil lorsque j'utilise le Loader de PIXI...

A noter que j'ai monté un webpack avec create-react-app pour tester.
Et j'ai exactement le méme probléme.

J'imagine que cela vient XMLHttpRequest dans webpack, car le json est trouvé et interprété avec le require...
Voilà... Si quelqu'un a un début de piste, je suis preneur

Merci d'avance :)

XMLHttpRequest ne marche pas avec webpack

3 réponses