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 :
<span>2021</span><span>-01</span><span>-11</span>T08:<span>44</span>:<span>24.301934</span>+<span>00</span>:<span>00</span> app[web<span>.1</span>]: Error: Could <span>not</span> load the component dashboard.jsx. Did you run `<span>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)
</span>
this is my route file
<span>export</span> <span>default</span> function routes(app, addon) {
app.get(<span>'/'</span>, <span>(req, res) =></span> {
res.redirect(<span>'/atlassian-connect.json'</span>);
});
app.get(<span>'/myapp'</span>, addon.authenticate(), <span>(req, res) =></span> {
res.render(
<span>'dashboard.jsx'</span>,
{
title: <span>'Atlassian Connect'</span>
}
);
});
}from app.js file :
<span>const</span> devEnv = app.<span>get</span>(<span>'env'</span>) === <span>'development'</span>;
app.use(morgan(devEnv ? <span>'dev'</span> : <span>'combined'</span>));
<span>// Configure Handlebars</span>
<span>const</span> viewsDir = path.<span>join</span>(__dirname, <span>'views'</span>);
<span>const</span> handlebarsEngine = hbs.express4({partialsDir: viewsDir});
app.engine(<span>'hbs'</span>, handlebarsEngine);
app.<span>set</span>(<span>'view engine'</span>, <span>'hbs'</span>);
app.<span>set</span>(<span>'views'</span>, viewsDir);
<span>// Configure jsx (jsx files should go in views/ and export the root component as the default export)</span>
addServerSideRendering(app, handlebarsEngine);any help about what i m missing please
