Common Issues

Build issues

TIP

Issues occurring when installing, starting a dev environment or when building

 

error when starting dev server: xxx/vite.config.ts:230 if (!config?.isProduction) ^ SyntaxError: Unexpected token ’.’

Your node version does not support Optional chaining (?.) operator which is introduced in Node v14. Upgrade your node to latest LTS version: https://nodejs.org/

 

[vite-plugin-pwa] [vite]: Rollup failed to resolve import "/demo/xxx" from "src/xxx".

This is due to demo images that we can not bundle into the final release according to envato rules.
Edit vite.config.ts file and uncomment the rollupOptions section:

export default defineConfig({
  //...
  build: {
    /**
     * Uncomment this section to build the demo with missing images
     * Don't forget to remove this section when you replaced assets with yours
     */
    rollupOptions: {
      external: [/\/demo\/.*/],
    },
  },
  //...
});

 

Runtime issues

TIP

Issues occurring in browser

 

TypeError: Failed to fetch dynamically imported module: http://127.0.0.1:8080/assets/elements.xxx.js

This is due to demo images that we can not bundle into the final release according to envato rules. Replace /demo/([^'"]+) and replace with https://vulk.cssninja.io/demo/$1 using a regex*(in visual studio code it's the .* icon)*

 

[Vue Router warn]: No match found for location with path "/"

Replace import routes from 'pages-generated' with import routes from 'virtual:pages-generated' in src/router.ts