Fix Docker 'Cannot find package 'msw' imported from /app/build/index.…

…js' attempt 1
michaelschwobe · Dec 10, 2023 · 0dbfdcd · 0dbfdcd
1 parent 609e18c
commit 0dbfdcd
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 4 deletions.
diff --git a/app/entry.client.tsx b/app/entry.client.tsx
@@ -9,7 +9,7 @@ import { startTransition, StrictMode } from "react";
 import { hydrateRoot } from "react-dom/client";
 
 async function prepareApp() {
-  if (ENV.MOCKS) {
+  if (process.env.NODE_ENV !== "production" && process.env.MOCKS === "true") {
     const { worker } = await import("../tests/mocks/browser");
     return worker.start();
   }

diff --git a/app/entry.server.tsx b/app/entry.server.tsx
@@ -10,18 +10,19 @@ import { RemixServer } from "@remix-run/react";
 import isbot from "isbot";
 import { PassThrough } from "node:stream";
 import { renderToPipeableStream } from "react-dom/server";
-import { server } from "../tests/mocks/node";
 import { getEnv, init } from "./utils/env.server";
 
 // Initialize typesafe environment variables and global ENV object.
 init();
 global.ENV = getEnv();
 
 // Enable API mocking.
-if (ENV.MOCKS) {
+if (process.env.NODE_ENV !== "production" && process.env.MOCKS === "true") {
+  const { server } = await import("../tests/mocks/node");
   server.listen();
   console.info("[MSW] Mocking enabled.");
-  if (ENV.MODE === "development") {
+  if (process.env.NODE_ENV === "development") {
+    // Only log mocked requests in development mode.
     server.events.on("request:start", ({ request }) => {
       console.info(request.method, "[MSW]", request.url);
     });