Hi everyone! ![]()
I’m facing a persistent issue with Adalo’s CLI while running npx adalo dev for a custom component, and I’d really appreciate any insights or advice from the community. Here are the details:
The Problem
- Error message:
Module parse failed: Unexpected token (51:11)
You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file.
- This happens when the CLI tries to process JSX in
src/TransactionReport.jsx.
What I’ve Done
I’ve meticulously verified all the following steps:
- Configuration Files:
- My
webpack.config.jshasbabel-loaderconfigured to handle.jsand.jsxfiles, linked correctly viapackage.json. adalo.json,manifest.json, andsrc/index.jspaths are all consistent.
- Babel Setup:
.babelrcincludes@babel/preset-envand@babel/preset-react.
- Dependencies:
babel-loader,@babel/core,@babel/preset-env, and@babel/preset-reactare properly installed.
- React Versions:
- Using
react@17.0.0andreact-dom@17.0.0, both valid versions.
Despite everything being in place, the Adalo CLI seems to ignore the configured Webpack/Babel loaders.
Specs & Notes
- Operating System: macOS
- Node.js Version:
- This error persists with this custom component, even though simpler test setups compile just fine.
Request from the Community
If anyone has faced a similar issue or knows a workaround, I’d be incredibly grateful for your suggestions! ![]()
Is it possible that there’s a quirk or limitation with how Adalo’s CLI interacts with Webpack and Babel on macOS?
Any advice is welcome. Thanks in advance! ![]()