Hi everyone,
I’m currently learning how to build a Shopify app using Remix, and I’ve been following the official installation guide here:
Shopify Docs - Scaffold Your App
However, I’ve encountered an error when running shopify app dev (or npm run dev).
The dev server fails to start, and I’m not sure what’s causing it.
Any guidance or suggestions would be greatly appreciated. Thank you in advance!
Error:
npm run dev
dev
shopify app dev
╭─ info ─────────────────────────────────────────────────────────────────────────╮
│ │
│ Using shopify.app.toml for default values: │
│ │
│ • Org: Maple Inc. │
│ • App: wishlist-03 │
│ • Dev store: sari-sari-store-01.myshopify.com │
│ • Update URLs: Yes │
│ │
│ You can pass --reset to your command to reset your app configuration. │
│ │
╰────────────────────────────────────────────────────────────────────────────────╯
11:30:44 │ remix │ Running pre-dev command: “npx prisma generate”
11:30:44 │ graphiql │ GraphiQL server started on port 3457
11:30:44 │ proxy │ Proxy server started on port 52832
11:30:50 │ remix │ Prisma schema loaded from prisma\schema.prisma
11:30:50 │ remix │ Datasource “db”: SQLite database “dev.sqlite” at “file:dev.sqlite”
11:30:50 │ remix │
11:30:50 │ remix │ 1 migration found in prisma/migrations
11:30:51 │ remix │
11:30:51 │ remix │
11:30:51 │ remix │ No pending migrations to apply.
11:31:19 │ remix │ failed to load config from
C:\Users\jefferson.rosales\desktop\projects\training\wishlist-03\vite.config.ts
11:31:19 │ remix │ Error [ERR_REQUIRE_CYCLE_MODULE]: Cannot require() ES Module
C:\Users\jefferson.rosales\desktop\projects\training\wishlist-03\node_modules\vite\dist\node\index.js in a cycle. (from
C:\Users\jefferson.rosales\desktop\projects\training\wishlist-03\node_modules\vite-node\dist\server.cjs)
11:31:19 │ remix │ at ModuleLoader.importSyncForRequire (node:internal/modules/esm/loader:309:15)
11:31:19 │ remix │ at loadESMFromCJS (node:internal/modules/cjs/loader:1371:24)
11:31:19 │ remix │ at Module._compile (node:internal/modules/cjs/loader:1511:5)
11:31:19 │ remix │ at Module._extensions..js (node:internal/modules/cjs/loader:1572:16)
11:31:19 │ remix │ at Module.load (node:internal/modules/cjs/loader:1275:32)
11:31:19 │ remix │ at Module._load (node:internal/modules/cjs/loader:1096:12)
11:31:19 │ remix │ at Module.require (node:internal/modules/cjs/loader:1298:19)
11:31:19 │ remix │ at require (node:internal/modules/helpers:182:18)
11:31:19 │ remix │ at Object.
(C:\Users\jefferson.rosales\desktop\projects\training\wishlist-03\node_modules\vite-node\dist\server.cjs:9:12)
11:31:19 │ remix │ at Module._compile (node:internal/modules/cjs/loader:1529:14) {
11:31:19 │ remix │ code: ‘ERR_REQUIRE_CYCLE_MODULE’
11:31:19 │ remix │ }
── external error ────────────────────────────────────────────────────────────────
Error coming from npm exec remix vite:dev
Command failed with exit code 1: npm exec remix vite:dev
failed to load config from C:\Users\jefferson.rosales\desktop\projects\training\wishlist-03\vite.config.ts
Error [ERR_REQUIRE_CYCLE_MODULE]: Cannot require() ES Module
C:\Users\jefferson.rosales\desktop\projects\training\wishlist-03\node_modules\vite\dist\node\index.js in a cycle. (from
C:\Users\jefferson.rosales\desktop\projects\training\wishlist-03\node_modules\vite-node\dist\server.cjs)
at ModuleLoader.importSyncForRequire (node:internal/modules/esm/loader:309:15)
at loadESMFromCJS (node:internal/modules/cjs/loader:1371:24)
at Module._compile (node:internal/modules/cjs/loader:1511:5)
at Module._extensions..js (node:internal/modules/cjs/loader:1572:16)
at Module.load (node:internal/modules/cjs/loader:1275:32)
at Module._load (node:internal/modules/cjs/loader:1096:12)
at Module.require (node:internal/modules/cjs/loader:1298:19)
at require (node:internal/modules/helpers:182:18)
at Object.
(C:\Users\jefferson.rosales\desktop\projects\training\wishlist-03\node_modules\vite-node\dist\server.cjs:9:12)
at Module._compile (node:internal/modules/cjs/loader:1529:14) {
code: ‘ERR_REQUIRE_CYCLE_MODULE’
}