npm packages missing from clean install

[adrianeguez]

Problem

After a clean install the terminal displays the following errors:

Error: Cannot find package 'accept-language-parser' imported from /home/dev-adrian/Documents/Mlabs/Gitea/mlabs-facturacion-electronica/apps/storefront-remix-starter/build/index.js
Did you mean to import accept-language-parser@1.5.0/node_modules/accept-language-parser/index.js?
    at new NodeError (node:internal/errors:405:5)
    at packageResolve (node:internal/modules/esm/resolve:916:9)
    at moduleResolve (node:internal/modules/esm/resolve:973:20)
    at defaultResolve (node:internal/modules/esm/resolve:1193:11)
    at ModuleLoader.defaultResolve (node:internal/modules/esm/loader:403:12)
    at ModuleLoader.resolve (node:internal/modules/esm/loader:372:25)
    at ModuleLoader.getModuleJob (node:internal/modules/esm/loader:249:38)
    at ModuleWrap.<anonymous> (node:internal/modules/esm/module_job:76:39)
    at link (node:internal/modules/esm/module_job:75:36)

> storefront-remix@ dev /home/dev-adrian/Documents/Mlabs/Gitea/mlabs-facturacion-electronica/apps/storefront-remix-starter
> remix dev


 💿  remix dev

⚠️ Route ID Collision: "routes/account"

The following routes all define the same Route ID, only the first one will be used

🟢 routes/account/index.tsx
⭕️️ routes/account.tsx

⚠️ Route ID Collision: "routes/checkout"

The following routes all define the same Route ID, only the first one will be used

🟢 routes/checkout/index.tsx
⭕️️ routes/checkout.tsx

 info  building...
 info  built (3.5s)
Error: Cannot find package 'intl-parse-accept-language' imported from /home/dev-adrian/Documents/Mlabs/Gitea/mlabs-facturacion-electronica/apps/storefront-remix-starter/build/index.js
Did you mean to import intl-parse-accept-language@1.0.0/node_modules/intl-parse-accept-language/dist/index.js?
    at new NodeError (node:internal/errors:405:5)
    at packageResolve (node:internal/modules/esm/resolve:916:9)
    at moduleResolve (node:internal/modules/esm/resolve:973:20)
    at defaultResolve (node:internal/modules/esm/resolve:1193:11)
    at ModuleLoader.defaultResolve (node:internal/modules/esm/loader:403:12)
    at ModuleLoader.resolve (node:internal/modules/esm/loader:372:25)
    at ModuleLoader.getModuleJob (node:internal/modules/esm/loader:249:38)
    at ModuleWrap.<anonymous> (node:internal/modules/esm/module_job:76:39)
    at link (node:internal/modules/esm/module_job:75:36)

Possible solution

add to package.json:

accept-language-parser
intl-parse-accept-language

[oidt]

did you run yarn install ?

[onursonmez]

It happened to me when I installed it with pnpm. I deleted the node_modules folder and installed it with yarn, no problem :)

[ritmillio]

I ran into the same issue when trying to use this starter with pnpm!

The problem is that pnpm enforces stricter ESM module resolution than yarn/npm, and this project depends on some legacy packages that don't have proper exports fields configured.

Quick Fix

Create a .npmrc file to the root and add this to your :

public-hoist-pattern[]=*accept-language-parser*
public-hoist-pattern[]=*intl-parse-accept-language*

This hoists just these problematic packages to where Node.js can find them, while keeping pnpm's benefits for everything else.
pnpm uses symlinks and strict isolation, but these old packages expect the flatter structure that yarn/npm naturally provide.