Monorepo vite project get 404 error

I’m facing the same issue

GET http://localhost:3000/@id/packages/ui/src/Button/button.css.ts$$$dashboard.vanilla.js net::ERR_ABORTED 404 (Not Found)`.

the app is using turborepo. All versions are latest. app’s viteconfig

import { defineConfig } from 'vite'
import react from '@vitejs/plugin-react'
import { vanillaExtractPlugin } from '@vanilla-extract/vite-plugin';
// https://vitejs.dev/config/
export default defineConfig({
  plugins: [react(),vanillaExtractPlugin()]
})

package.json

{
  "dependencies": {
    "ui": "*",
    "@vanilla-extract/css": "^1.6.8",
    "react": "^17.0.2",
    "react-dom": "^17.0.2"
  },
  "devDependencies": {
    "eslint-config": "*",
    "@types/react": "^17.0.33",
    "@types/react-dom": "^17.0.10",
    "@vanilla-extract/vite-plugin": "^3.1.2",
    "@vitejs/plugin-react": "^1.0.7",
    "eslint": "^8.5.0",
    "tsconfig": "*",
    "typescript": "^4.4.4",
    "vite": "^2.7.2"
  }
}
</div>

[edenstrom]

This looks to be caused from .. being invalid in a URL. Hopefully fixed in the next patch.

Tried it locally and worked like a charm! 👌 Thanks!

(Copy-pasted the changed lines into dist/vanilla-extract-vite-plugin.cjs.dev.js)

[florianmatz]

Experiencing the same issue, also with turborepo, better said (npm) workspaces.

What worked for me is indeed putting the site instead of the app folder into the packages next to my ui-kit.

Like:

• apps
  • site -> not working
• packages
  • ui-kit
  • site -> working

ui-kit is a dependency in the sites package.json:

„dependencies“: { „ui-kit“: „*“ }

Still, it feels not good, starting a repo with breaking conventions.

It seems to me, the described fix only fixed it ‚one level‘ higher in the folder hierarchy?

@markdalgleish or @mattcompiles Could you provide some assistance?