Build is failing on Github Actions (CI) only for monorepo (using npm workspaces) #12371

Ridermansb · 2023-03-11T12:36:43Z

Ridermansb
Mar 11, 2023

I'm trying to build my Vite app on Github Actions but it's failing (only on Github Actions).

The app is inside packages/ui folder since I'm using npm workspaces with this configuration

"workspaces": [
    "packages/*"
  ],

Here is my workflow

steps:
  - uses: actions/checkout@v3
  - uses: actions/setup-node@v3
    with:
      cache: 'npm'
      node-version-file: '.nvmrc'
  - name: Install UI dependencies
    run: npm i

  - name: Build UI
    env:
      NODE_ENV: production
    run: npm run build -w ui

if I run this command npm run build -w ui locally, works fine for me.

My vite.config.ts file it's simple:

return {
  root: __dirname, // I TRIED TO REMOVE THIS AS WELL, SAME ERROR!
  plugins,
  build: {
    rollupOptions: {
      output: { manualChunks }
    }
  },
  server: {
    port: VITE_DEFAULT_PORT,
    hmr: {
      clientPort: process.env.HMR_HOST ? GITPOD_PORT : VITE_DEFAULT_PORT,
      host: process.env.HMR_HOST ? new URL(process.env.HMR_HOST).hostname : "localhost"
    }
  },
  define: {
    "import.meta.vitest": false,
    "process.env": {}
  },
  test: {
    globals: true,
    includeSource: ["src/**/*.ts", "src/**/*.tsx"],
    environment: "happy-dom",
    setupFiles: "src/setup-tests.ts",
    mockReset: true,
    restoreMocks: true,
    coverage: {
      src: ["./src"],
      all: true,
      reporter: ["lcov", "json", "json-summary", "html"],
      exclude: [...(configDefaults.coverage.exclude ?? []), "setup-tests.ts", "**/*.d.ts"]
    }
  }
};

and on my index.html

<body>
  <div id="root"></div>
  <script type="module" src="/src/main.tsx"></script> <!-- tried with `src/main.tsx` as well, same error -->
</body>

Error:

This is the error that I'm getting on Github Actions..

transforming...
✓ 2 modules transformed.
[vite]: Rollup failed to resolve import "/src/main.tsx" from "/home/runner/work/web/web/packages/ui/index.html".
This is most likely unintended because it can break your application at runtime.
If you do want to externalize this module explicitly add it to
`build.rollupOptions.external`
error during build:
Error: [vite]: Rollup failed to resolve import "/src/main.tsx" from "/home/runner/work/web/web/packages/ui/index.html".
This is most likely unintended because it can break your application at runtime.
If you do want to externalize this module explicitly add it to
`build.rollupOptions.external`
    at onRollupWarning (file:///home/runner/work/web/web/node_modules/vite/dist/node/chunks/dep-ca21228b.js:44792:19)
    at onwarn (file:///home/runner/work/web/web/node_modules/vite/dist/node/chunks/dep-ca21228b.js:44562:13)
    at Object.onwarn (file:///home/runner/work/web/web/node_modules/rollup/dist/es/shared/node-entry.js:25097:13)
    at ModuleLoader.handleInvalidResolvedId (file:///home/runner/work/web/web/node_modules/rollup/dist/es/shared/node-entry.js:[237](https://github.com/pageHistory/web/actions/runs/4392262045/jobs/7691932185#step:5:238)79:26)
    at file:///home/runner/work/web/web/node_modules/rollup/dist/es/shared/node-entry.js:23739:26
npm ERR! Lifecycle script `build` failed with error: 
npm ERR! Error: command failed 
npm ERR!   in workspace: [email protected] 
npm ERR!   at location: /home/runner/work/web/web/packages/ui 
Error: Process completed with exit code 1.

I also log the files, on github actions, to ensure that the file is there.. and main.tsx is there!

InnTecEdu · 2023-09-28T20:10:23Z

InnTecEdu
Sep 28, 2023

Any solution? The exact same thing is happening to me

2 replies

terwer Dec 14, 2023

I faced the same error, too!

terwer Dec 14, 2023

Finally, I meet th mistake.File must case sensitive.

error

<script type="module" src="/src/main.tsx"></script>

right

<script type="module" src="/src/main.tsx"></script>

see more

https://support.apple.com/zh-cn/guide/disk-utility/dsku19ed921c/mac

https://learnku.com/articles/24422

Mac is NOT case sensitive by default

But Github actions use ubuntu linux which is case sensitive

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Build is failing on Github Actions (CI) only for monorepo (using npm workspaces) #12371

{{title}}

Replies: 1 comment 2 replies

{{title}}

{{title}}

{{title}}

{{editor}}'s edit

{{editor}}'s edit

Select a reply

Build is failing on Github Actions (CI) only for monorepo (using npm workspaces) #12371

Ridermansb Mar 11, 2023

Error:

Replies: 1 comment · 2 replies

InnTecEdu Sep 28, 2023

terwer Dec 14, 2023

terwer Dec 14, 2023

error

right

see more

Ridermansb
Mar 11, 2023

Replies: 1 comment 2 replies

InnTecEdu
Sep 28, 2023