unable to deploy adonis application using docker

[thealexbaron]

I followed the instructions closely from this page https://docs.adonisjs.com/guides/getting-started/deployment but whenever I run my container, I get the following error:

# from host machine
$ curl localhost:3333/login
Directory import '/app/node_modules/react-bootstrap/Form' is not supported resolving ES modules imported from /app/ssr/ssr.js

This surprises me because I have no issue when I run npm run dev, I am able to run the app successfully. Also when I run node ace build followed by:

$ node build/bin/server.js

I am also able to run the app successfully. I am pretty new to Docker as well as much of the tooling in Adonis. Advice will be greatly appreciated.

[RomainLanz]

Hey @thealexbaron! 👋🏻

It looks like this might be a casing issue. Windows and macOS are case-insensitive systems, whereas Linux (and therefore your container) is case-sensitive.

If you look closely at the import statement, it's spelled Form with a capital F. Could you please double-check that your import doesn't contain any capital letters?

[thealexbaron]

Hello @RomainLanz,

I really appreciate the quick response! You were correct. The issue originated because I had a situation where there were two Form functions that I needed to import. One from react-bootstrap, one from react-hook-form.

// this one does not work when running in my container
import ReactForm from 'react-bootstrap/Form'
import { Form } from 'react-hook-form'

I have since discovered the as keyword that can be used in an import statement, so my new code looks like:

// this one works just fine
import { Form as ReactForm } from 'react-bootstrap'
import { Form } from 'react-hook-form'

This solved the issue and I am now able to run a docker container with my Adonis instance. Thank you!

Windows and macOS are case-insensitive systems

Also thought I'd mention that strangely all of my development has been on Linux so I'd assume npm run dev has some different configuration that is more flexible.