如何解决miragejs '[WDS] 断开连接!立即 src/index.tsxsrc/server.js
如果我使用 miragejs createServer
,WDS(Webpack 开发服务器)会断开连接。
如果我禁用 Mirages 模拟服务器,WDS 会按预期工作。
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;
解决方法
我通过从 React Hot Loader
迁移到 React Fast Refresh
解决了这个问题。
我建议阅读“React Hot Loader
”的“Moving towards next step”。 React Hot Loader
正在慢慢替换为 React Fast Refresh
。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。