Made use of the docker compose file in Vikunja documentation and modified below values
a.Changed public service url to mydevhost:3456/vikunja
b. Change the image to point to the one i created in #4 .
6.Did a docker compose up and when tried to access http://mydevhost:3456/vikunja , hit the error
“We’re sorry but Vikunja doesn’t work properly without JavaScript enabled . Please enable it to continue”
Thanks for response @kolaente .
The console spits this error when trying to connect to mydevhost:3456/vikunja/
Failed to load module script: Expected a JavaScript module script but the server responded with a MIME type of "text/html". Strict MIME type checking is enforced for module scripts per HTML spec.
When checked under assets , it has loaded up only the index.css file with the same error as that of “Vikunja requires Javascript enabled” .
Same error when I tried to load mydevhost:3456/vikunja/api/v1/info
but the same request gives an output when we omit the subpath though ie.
mydevhost:3456/api/v1/info.
Do I need to copy assets /artifacts to different directories or will the build script itself take care of the same ?
You mean the web page when I access with the subpath ? Nothing. I am getting a blank page ,
with below error in console , as I had mentioned above in my earlier replies as well.
Failed to load module script: Expected a JavaScript module script but the server responded with a MIME type of "text/html". Strict MIME type checking is enforced for module scripts per HTML spec.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<title>Vikunja</title>
<meta name="description" content="Vikunja (/vɪˈkuːnjə/) - The to-do app to organize your life.">
<meta name="theme-color" content="#1973ff"/>
<link rel="icon" href="/vikunja/favicon.ico">
<link rel="apple-touch-icon" href="/vikunja/images/icons/apple-touch-icon-180x180.png"/>
<!--__vite-plugin-inject-preload__-->
<script type="module" crossorigin src="/vikunja/assets/index-DezNfXcS.js"></script>
<link rel="stylesheet" crossorigin href="/vikunja/assets/index-BLOnFNWs.css">
<script type="module">import.meta.url;import("_").catch(()=>1);(async function*(){})().next();if(location.protocol!="file:"){window.__vite_is_modern_browser=true}</script>
<script type="module">!function(){if(window.__vite_is_modern_browser)return;console.warn("vite: loading legacy chunks, syntax error above and the same error below should be ignored");var e=document.getElementById("vite-legacy-polyfill"),n=document.createElement("script");n.src=e.src,n.onload=function(){System.import(document.getElementById('vite-legacy-entry').getAttribute('data-src'))},document.body.appendChild(n)}();</script>
<link rel="manifest" href="/vikunja/manifest.webmanifest"></head>
<body>
<noscript>
<strong>We're sorry but Vikunja doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
</noscript>
<div id="app"></div>
<script>
window.SENTRY_ENABLED = false
window.SENTRY_DSN = 'https://85694a2d757547cbbc90cd4b55c5a18d@o1047380.ingest.sentry.io/6024480'
window.ALLOW_ICON_CHANGES = true
window.CUSTOM_LOGO_URL = ''
</script>
<script>
//
// This variable points the frontend to the api.
// It has to be the full url, including the last /api/v1 part and port.
// You can change this if your api is not reachable on the same port as the frontend.
window.API_URL = 'http://mydevhost:3456/vikunja/api/v1'
</script>
<script nomodule>!function(){var e=document,t=e.createElement("script");if(!("noModule"in t)&&"onbeforeload"in t){var n=!1;e.addEventListener("beforeload",(function(e){if(e.target===t)n=!0;else if(!e.target.hasAttribute("nomodule")||!n)return;e.preventDefault()}),!0),t.type="module",t.src=".",e.head.appendChild(t),t.remove()}}();</script>
<script nomodule crossorigin id="vite-legacy-polyfill" src="/vikunja/assets/polyfills-legacy-CVKB9eFZ.js"></script>
<script nomodule crossorigin id="vite-legacy-entry" data-src="/vikunja/assets/index-legacy-CLMPW4qe.js">System.import(document.getElementById('vite-legacy-entry').getAttribute('data-src'))</script>
</body>
</html>
Ok thanks ,but i was under the impression that the build script should take care of the same i.e creating the folder and transferring the assets since I had used VIKUNJA_FRONTEND_BASE=/vikunja/. while building.
So, do you suggest that post the pnpm build command , I create a vikunja subdirectory and move the assets under the same either.
can you please help on the path the vikunja subdirectory needs to be created .
Also can you please confirm if copying the below directories alone would suffice ?