Vite Build Failing with "parse" is not exported by "node_modules/cookie/index.js"

[jason0598647]

Hi,

I'm trying to move my existing code to v2 routes / vite build, and am running into the following error:

x Build failed in 2.25s
Error [RollupError]: node_modules/@remix-run/server-runtime/dist/esm/cookies.js (11:9): "parse" is not exported by "node_modules/cookie/index.js", imported by "node_modules/@remix-run/server-runtime/dist/esm/cookies.js".
file: .../node_modules/@remix-run/server-runtime/dist/esm/cookies.js:11:9
 9:  * @license MIT
10:  */
11: import { parse, serialize } from 'cookie';
             ^
12: import { warnOnce } from './warnings.js';
...
2/node_modules/rollup/dist/es/shared/node-entry.js:6036:38) {
  binding: 'parse',
  code: 'MISSING_EXPORT',

Am I missing some config here?

[kiliman]

How are you using cookies in your app? Do you use the cookie session storage? Or are you using cookies directly?

[jason0598647]

Both:

app/cookies.server.ts

import { createCookie } from "@remix-run/node";

export const userPrefs = createCookie("user-prefs", {
  maxAge: 2147483647, // Year 2038
});

app/utils/auth.server.ts

import { createCookie, createFileSessionStorage } from "@remix-run/node";
import { Authenticator } from "remix-auth";
import { OAuth2Strategy } from "remix-auth-oauth2";
import { BASE_URL, IAM_CLIENT_ID, IAM_HOST, IAM_REALM, IAM_STRATEGY_NAME, SESSION_FILE_PATH, SESSION_SECRET } from "../config";

const sessionCookie = createCookie("__session", {
    secrets: [SESSION_SECRET],
    sameSite: "lax",
    path: "/", // remember to add this so the cookie will work in all routes
    httpOnly: true, // for security reasons, make this cookie http only
    secure: process.env.NODE_ENV === "production", // enable this in prod only
});

const storage = createFileSessionStorage({
    // The root directory where you want to store the files.
    // Make sure it's writable!
    dir: SESSION_FILE_PATH,
    cookie: sessionCookie,
});

[kiliman]

Hmm.. aside from recommending you set your cookie options similar to how you have your session cookie (path, httpOnly, etc), I don't see anything wrong.

What does your vite.config look like? You said you were migrating.

[jason0598647]

import { vitePlugin as remix } from "@remix-run/dev";
import { installGlobals } from "@remix-run/node";
import { defineConfig } from "vite";
import tsconfigPaths from "vite-tsconfig-paths";

installGlobals();

export default defineConfig({
    ssr: {
        external: ['common-models-ts']
    },
    plugins: [remix(), tsconfigPaths()],
    optimizeDeps: {
        include: [
            "common-models-ts",
            "common-models-specification-ts",
        ],
      },
    build: {
        commonjsOptions: {
            transformMixedEsModules: true,
            include: [
                "common-models-ts",
                "common-models-specification-ts/*",
            ],
        },
    },
});

I have a few local libraries I'm referring to

[kiliman]

Does your app not build without the CJS stuff? Vite and Remix, by default, use ESM.

[jason0598647]

Without the config I get errors like:
"Instance" is not exported by from my local library when building
And on run dev:
exports is not defined

[gregory]

I'm on 2.14.0 and it's suddenly failing ...

[BigJuanRodriguesMaciel]

maybe using this, your build will be fixed

commonjsOptions: { include: [/node_modules/, /cookie/] },
this is my simple vite.config.ts:

import { reactRouter } from '@react-router/dev/vite'
import tailwindcss from '@tailwindcss/vite'
import * as path from 'path'
import { defineConfig } from 'vite'
import VitePluginChecker from 'vite-plugin-checker'
import commonjs from 'vite-plugin-commonjs'
import tsconfigPaths from 'vite-tsconfig-paths'

export default defineConfig({
  plugins: [
    tailwindcss(),
    reactRouter(),
    tsconfigPaths(),
    commonjs(),
    VitePluginChecker({
      typescript: false,
      eslint: false,
      overlay: { initialIsOpen: false },
      enableBuild: true,
    }),
  ],
  resolve: {
    alias: [{ find: '@', replacement: path.resolve(__dirname, 'src') }],
  },
  server: {
    host: true,
  },
  build: {
    commonjsOptions: { include: [/node_modules/, /cookie/] },
    ssr: false,
  },
  define: {
    'process.env': {},
  },
})

[Dev-Sharma-197]

Hi,
Have you solved this issue, I am also facing this issue with my shopify + remix template not able to build the app.