Я создаю приложение реагирования с помощью приложения create-реагировать на приложения. Я хочу использовать веб-работника в приложении для загрузки файлов с помощью Axios, но Axios или любую библиотеку, которую я импортирую в рабочий файл, вызывает эту ошибку "" ReferenceError: axios__WEBPACK_IMPORTED_MODULE_0___default не определено ""
import axios from "axios";
export default function AppWorker(){
self.addEventListener("message", e => {
// eslint-disable-line no-restricted-globals
if (!e) return;
console.log(e.data.data)
axios.get("www.example.com).then((e)=>{
console.log(e)
})
}
)}
// worker file
///////////////////////////////////
export default class WebWorker {
constructor(worker) {
const code = worker.toString();
const blob = new Blob(['('+code+')()']);
return new Worker(URL.createObjectURL(blob));
}
}
// worker setup file
///////////////////////////////////////
import React, { Component } from "react";
import worker from './worker.js';
import WebWorker from './workerSetup';
export default class Home extends Component {
constructor(props) {
super(props);
}
componentDidMount = () => {
this.worker = new WebWorker(worker);
};
addFile = e => {};
handleChange = e => {
console.log(e.target.files[0]);
const fileObj = e.target.files[0];
this.worker.postMessage("Hello World");
}
render() {
return (
<div>
<input
onChange={this.handleChange}
placeholder="filer Uploader"
type="file"
/>)
}
}
//home component