[vite] Pre-transform error: Failed to convert napi value into rust type bool

[AbderrahmenISSA]

Hello,

I am trying to build a docker image for my VITE projetc :

Here the Dockerfile :

FROM node:latest as builder
WORKDIR /usr/src/app
ENV PATH /usr/src/node_modules/.bin:$PATH
ARG environment
ENV environment=$environment
COPY package.json ./
RUN npm install
RUN npm install env-cmd
COPY . ./
RUN echo $environment
EXPOSE 3000
CMD npm run $environment -- --host 0.0.0.0 --port 3000

The vite.config.ts

import { defineConfig } from 'vite'
import react from '@vitejs/plugin-react'

// https://vitejs.dev/config/
export default defineConfig({
  plugins: [react()],
  server: {
    hmr: {
      host: '0.0.0.0',
      port: 3000,
    }
  }
})

In my package.json I have :

  "scripts": {
    "local": "env-cmd -f .env vite --host",
    "dev": "env-cmd -f .env-dev vite",
    "prd": "env-cmd -f .env-prd vite",

So when I build the docker image for example with local config :

• docker build --build-arg environment=local --no-cache .

The docher image is correctly built.

The running seems to be good also :

• docker run -p 3000:3000 image_id

> admin-dashboard@0.0.0 local
> env-cmd -f .env vite --host 0.0.0.0 --port 3000

Re-optimizing dependencies because vite config has changed

  VITE v5.3.2  ready in 150 ms

  ➜  Local:   http://localhost:3000/
  ➜  Network: http://172.17.0.2:3000/

But I have this error when I navigate to the home page : http://localhost:3000/
[vite] Internal server error: Failed to convert napi value into rust type bool
Plugin: vite:import-analysis
File: /usr/src/app/src/main.tsx
at parseAst (file:///usr/src/app/node_modules/rollup/dist/es/shared/parseAst.js:2203:23)
at transformCjsImport (file:///usr/src/app/node_modules/vite/dist/node/chunks/dep-C1-ZB6nQ.js:64721:16)
at interopNamedImports (file:///usr/src/app/node_modules/vite/dist/node/chunks/dep-C1-ZB6nQ.js:64693:23)
at file:///usr/src/app/node_modules/vite/dist/node/chunks/dep-C1-ZB6nQ.js:64482:19
at process.processTicksAndRejections (node:internal/process/task_queues:105:5)
at async Promise.all (index 0)
at async TransformPluginContext.transform (file:///usr/src/app/node_modules/vite/dist/node/chunks/dep-C1-ZB6nQ.js:64385:7)
at async PluginContainer.transform (file:///usr/src/app/node_modules/vite/dist/node/chunks/dep-C1-ZB6nQ.js:49587:18)
at async loadAndTransform (file:///usr/src/app/node_modules/vite/dist/node/chunks/dep-C1-ZB6nQ.js:52409:27)

Can you please help me ?

[AbderrahmenISSA]

[andn99]

I'm getting the same error. Have you been able to solve it?

[ptrwilk]

@andn99 #18272 (comment)

[Karoly-g]

Same error here.

@ptrwilk the "solution" posted there is not a fix, but rather a hack-ish way to get it unstuck for now for a specific user. Vite should work on lts-alpine as well, downgrading to an old node version is not a proper solution and it poses security concerns. It should be solved on a vite/config level.

[DiegoLibonati]

Same error here

Dockerfile:

FROM node:18-alpine3.18

WORKDIR /home/app

COPY ./package*.json .

RUN yarn install

COPY . .

EXPOSE 5173

CMD ["yarn", "run", "dev", "--host"]

Compose:

  client:
    build:
      context: ./json-client
      dockerfile: Dockerfile.development
    restart: always
    ports:
      - "5173:5173"
    env_file:
      - ./json-config/client.env
    volumes:
      - ./json-client/src:/home/app/src
      - /home/app/node_modules
    networks:
      - net-json-transformer

[DiegoLibonati]

Okay, I solved it. I made 3 changes:

• FROM node:18-alpine3.18 to FROM node:21.1.0-alpine3.18
• I added a .dockerignore in my react project folder. At the same level as the package.json. With the following line: node_modules
• I removed the line of the docker-compose that belonged to a volume: /home/app/node_modules