DenoDDeno
Powered by
Alexis.gA
Deno•10mo ago
Alexis.g

[Issue] Monorepo with 2 Vue App and one API

Hello,
I recently started my first Deno project. I went for a mono-repo with the following structure:

├── apps/
│   ├── front/
│   ├── admin/
│   └── api/
├── shared/
│   ├── utils/
│   ├── validators/
│   └── types/
├── scripts/
├── .docker-compose.yml
├── .env
└── README.md
├── apps/
│   ├── front/
│   ├── admin/
│   └── api/
├── shared/
│   ├── utils/
│   ├── validators/
│   └── types/
├── scripts/
├── .docker-compose.yml
├── .env
└── README.md

The goal is to have shared data across my different applications. At first, I thought I would do the two Vue apps in Node and only the API in Deno, but then I realized I couldn’t share files that don’t depend on the same packages (Zod in my case).
So I tried initializing my Vue apps with Deno, but I ran into problems very quickly. There’s no issue on the API side, but when it comes to the Vue apps I bootstrap them with

deno run -A npm:create-vite
deno run -A npm:create-vite

and that’s where I get stuck. When I cd into my app folder (e.g. apps/front), it tells me it needs to be added to the workspace before it can be installed. I add it, run the install, and then try to start the app—but although the server launches, I get the following error that prevents me from moving forward:

TSConfckParseError:   Failed to scan for dependencies from entries:
  /relative/to/project/apps/front/index.html

  failed to resolve "extends":"@vue/tsconfig/tsconfig.dom.json" in /relative/to/project/apps/front/tsconfig.app.json
    at resolveExtends ( … )
    at parseExtends ( … )
    …  
09:31:18 [vite] Pre-transform error: failed to resolve "extends":"@vue/tsconfig/tsconfig.dom.json" in /relative/to/project/apps/front/tsconfig.app.json
  Plugin: vite:esbuild
  File: /relative/to/project/apps/front/src/main.ts
TSConfckParseError:   Failed to scan for dependencies from entries:
  /relative/to/project/apps/front/index.html

  failed to resolve "extends":"@vue/tsconfig/tsconfig.dom.json" in /relative/to/project/apps/front/tsconfig.app.json
    at resolveExtends ( … )
    at parseExtends ( … )
    …  
09:31:18 [vite] Pre-transform error: failed to resolve "extends":"@vue/tsconfig/tsconfig.dom.json" in /relative/to/project/apps/front/tsconfig.app.json
  Plugin: vite:esbuild
  File: /relative/to/project/apps/front/src/main.ts

Additionally, I’d like to know how to add packages to my Vue apps without running into issues. If anyone can help me get unstuck, I’d really appreciate it—I love Deno and everything it has to offer!
Deno banner
DenoJoin
Chat about Deno, a modern runtime for JavaScript and TypeScript.
20,934Members
Resources
Recent Announcements

Similar Threads

Was this page helpful?

Similar Threads

Standard setup of a monorepo that includes frontend and backend TypeScript code for one app
pyzaistPpyzaist / help
3y ago
Deno Monorepo with nested applications and packages
NatdmNNatdm / help
11mo ago