幻影“[WDS]断开了！”立马

Question

如果我使用createServer miragejs，则WDS (Webpack Dev Server)断开连接。

​

​

如果我禁用海市蜃楼模拟服务器，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;

Answer 1

我通过从React Hot Loader迁移到React Fast Refresh来解决这个问题。

​

​

我建议阅读React Hot Loader的“React Hot Loader”。React Hot Loader正在慢慢地被React Fast Refresh所取代。