Showing results for 
Search instead for 
Did you mean: 
Sign up Log in
It's not the same without you

Join the community to find out what other Atlassian users are discussing, debating and creating.

Atlassian Community Hero Image Collage

How to configure view engine correctly

Hello !
i developed an app with ACE using React + JSX , when i run my app locally with ngrok it works as expected , now i deployed my app on Heroku and i installed it on my instance but i can’t run it , i got this when i inspect the Heroku logs :

2021-01-11T08:44:24.301934+00:00 app[web.1]: Error: Could not load the component dashboard.jsx. Did you run `npm build to compile your jsx files?
2021-01-11T08:44:24.301935+00:00 app[web.1]: at View.ssrEngine [as engine] (/app/server-side-rendering.js:65:25)
2021-01-11T08:44:24.301936+00:00 app[web.1]: at View.render (/app/node_modules/express/lib/view.js:135:8)
2021-01-11T08:44:24.301936+00:00 app[web.1]: at tryRender (/app/node_modules/express/lib/application.js:640:10)
2021-01-11T08:44:24.301937+00:00 app[web.1]: at Function.render (/app/node_modules/express/lib/application.js:592:3)
2021-01-11T08:44:24.301937+00:00 app[web.1]: at ServerResponse.render (/app/node_modules/express/lib/response.js:1012:7)
2021-01-11T08:44:24.301938+00:00 app[web.1]: at /app/routes/index.js:14:13
2021-01-11T08:44:24.301938+00:00 app[web.1]: at Layer.handle [as handle_request] (/app/node_modules/express/lib/router/layer.js:95:5)
2021-01-11T08:44:24.301939+00:00 app[web.1]: at next (/app/node_modules/express/lib/router/route.js:137:13)
2021-01-11T08:44:24.301939+00:00 app[web.1]: at requestHandler (/app/node_modules/atlassian-connect-express/lib/middleware/request.js:122:5)
2021-01-11T08:44:24.301940+00:00 app[web.1]: at /app/node_modules/atlassian-connect-express/lib/middleware/authentication.js:312:9
2021-01-11T08:44:24.301940+00:00 app[web.1]: at processTicksAndRejections (internal/process/task_queues.js:97:5)

this is my route file

export default function routes(app, addon) {

    app.get('/', (req, res) => {

    app.get('/myapp',  addon.authenticate(), (req, res) => {
            title: 'Atlassian Connect'


from app.js file :

const devEnv = app.get('env') === 'development';
app.use(morgan(devEnv ? 'dev' : 'combined'));

// Configure Handlebars
const viewsDir = path.join(__dirname, 'views');
const handlebarsEngine = hbs.express4({partialsDir: viewsDir});
app.engine('hbs', handlebarsEngine);
app.set('view engine', 'hbs');
app.set('views', viewsDir);

// Configure jsx (jsx files should go in views/ and export the root component as the default export)
addServerSideRendering(app, handlebarsEngine);

any help about what i m missing please

0 answers

Suggest an answer

Log in or Sign up to answer
Site Admin
Community showcase
Published in Apps & Integrations

Send an Email or Publish to Confluence - What should you do with your release notes?

Background When you hear the words ‘Release notes’, almost always you think of an unsolicited email from a software vendor. But I am here to tell you that from our data, sending release notes via E...

124 views 1 2
Read article

Community Events

Connect with like-minded Atlassian users at free events near you!

Find an event

Connect with like-minded Atlassian users at free events near you!

Unfortunately there are no Community Events near you at the moment.

Host an event

You're one step closer to meeting fellow Atlassian users at your local event. Learn more about Community Events

Events near you