#webpack-dev-server #miragejs
#webpack-dev-сервер #miragejs
Вопрос:
Если я createServer
использую miragejs, WDS (сервер разработки Webpack) отключается.
если я отключу макет сервера mirages’а, WDS сработает, как я и ожидал.
Вот полный стек вызовов [WDS] Disconnected!
src/index.tsx
import { mockServer } from './server';
if (process.env.NODE_ENV === "development") {
mockServer({ environment: "development" });
}
ReactDOM.render(
<React.StrictMode>
<Provider store={store}>
<ConnectedRouter history={history}>
<App />
</ConnectedRouter>
</Provider>
</React.StrictMode>,
document.getElementById('root')
);
src/server.js
import { createServer, Response, Model } from 'miragejs';
export const mockServer = ({ environment = 'test' }) => {
createServer({
environment,
routes() {
this.namespace = "api";
this.post('/user/login', (schema, request) => {
return new Response(200, { }, { id: "admin@gmail.com", email: "qwerty", token: "Edovbkeyd2943kd3" });
});
},
});
}
export default mockServer;
Ответ №1:
Я решил эту проблему, перейдя с React Hot Loader
на React Fast Refresh
.
Я рекомендую прочитать «Переход к следующему шагу« React Hot Loader
. React Hot Loader
медленно заменяется на React Fast Refresh
.