We have a Meteor + React / Typescript app we’re trying to deploy.
We’re using the default Meteor Docker/fly.toml that generates when we created our Fly app.
We use Babel to help compile as we use things like TailwindCSS, postcss, shadcn, etc, other front-end libraries that have weird import paths, private class definitions, etc, (which apparently require Babel to build). The build process works with other providers as per our babel configuration.
When we build, we get loaded with console logs like:
=> => # /app/imports/components/entities/components/view/tabs/Charts.tsx (web.browser)
=> => # "@/components/ui/textarea" in
=> => # /app/imports/components/entities/components/view/tabs/Admin.tsx (web.browser)
126.6 Errors prevented bundling:
126.6 While building for os.linux.x86_64:
126.6 artist-tools-data/utils/Snapshots.mjs:
126.6 /app/artist-tools-data/utils/Snapshots.mjs: Class private methods are not
126.6 enabled. Please add `@babel/plugin-transform-private-methods` to your
126.6 configuration.
^ We have this installed already. Possibly not how Fly.io expects it maybe?
I can’t for the life of me figure out how to get it to recognize our Babel setup during the build process.
I was hoping someone here has done this before and is much smarter than I.
.babelrc file
{
"presets": [
"meteor",
"@babel/preset-env",
[
"@babel/preset-react",
{
"runtime": "automatic"
}
]
],
"plugins": [
"@babel/plugin-transform-private-methods",
[
"@babel/plugin-transform-react-jsx",
{
"runtime": "automatic"
}
],
[
"module-resolver",
{
"root": [
"./"
],
"extensions": [
".js",
".jsx",
".ts",
".tsx",
".json"
],
"alias": {
"@": "./imports",
"/": "./"
}
}
]
]
}