How to setup vue3 dfx file to deploy frontend canister

Developers
1

When i deploy my canister i’m facing some troubles to get generated assets on dist folder, the folder in question throws status 400 bad request

This is the log detail in the console:

index.426f3cc3.js:2536 Deprecation warning: you are currently importing code from .dfx. Going forward, refactor to use the dfx generate command for JavaScript bindings.

See https://internetcomputer.org/docs/current/developer-docs/updates/release-notes/ for migration instructions
createActor$2 @ index.426f3cc3.js:2536
index.426f3cc3.js:2538 Deprecation warning: you are currently importing code from .dfx. Going forward, refactor to use the dfx generate command for JavaScript bindings.

See https://internetcomputer.org/docs/current/developer-docs/updates/release-notes/ for migration instructions
createActor$1 @ index.426f3cc3.js:2538
index.426f3cc3.js:2540 Deprecation warning: you are currently importing code from .dfx. Going forward, refactor to use the dfx generate command for JavaScript bindings.

See https://internetcomputer.org/docs/current/developer-docs/updates/release-notes/ for migration instructions
createActor @ index.426f3cc3.js:2540
index.426f3cc3.js:46 It is highly recommended to set predictableActionArguments to true when using createMachine. https://xstate.js.org/docs/guides/actions.html
createMachine @ index.426f3cc3.js:46
:4943/assets/default-layout.dc0dcd32.js:1 
        
        
       Failed to load resource: the server responded with a status of 400 (Bad Request)
:4943/assets/plugin-vue_export-helper.21dcd24c.js:1 
        
        
       Failed to load resource: the server responded with a status of 400 (Bad Request)
:4943/assets/VSheet.489d654b.js:1 
        
        
       Failed to load resource: the server responded with a status of 400 (Bad Request)
:4943/assets/VMain.62519e0c.js:1 
        
        
       Failed to load resource: the server responded with a status of 400 (Bad Request)
:4943/assets/ssrBoot.a07e4bd8.js:1 
        
        
       Failed to load resource: the server responded with a status of 400 (Bad Request)
:4943/assets/dashboard.1dc8c51e.js:1 
        
        
       Failed to load resource: the server responded with a status of 400 (Bad Request)
:4943/assets/wallet.1bba34f4.js:1 
        
        
       Failed to load resource: the server responded with a status of 400 (Bad Request)
:4943/assets/mastercard-yellow.84b5dd1c.js:1 
        
        
       Failed to load resource: the server responded with a status of 400 (Bad Request)
:4943/assets/loading.811389bf.js:1 
        
        
       Failed to load resource: the server responded with a status of 400 (Bad Request)
:4943/assets/internet-computer-icon.6bfb3f10.js:1 
        
        
       Failed to load resource: the server responded with a status of 400 (Bad Request)
:4943/assets/VRow.40128fe3.js:1 
        
        
       Failed to load resource: the server responded with a status of 400 (Bad Request)
:4943/assets/VTextField.e3606c46.js:1 
        
        
       Failed to load resource: the server responded with a status of 400 (Bad Request)
:4943/assets/VSelect.5d3d74a6.js:1 
        
        
       Failed to load resource: the server responded with a status of 400 (Bad Request)
:4943/assets/VOtpInput.f10c5f54.js:1 
        
        
       Failed to load resource: the server responded with a status of 400 (Bad Request)
index.426f3cc3.js:2568 [Vue Router warn]: uncaught error during route navigation:
warn$2 @ index.426f3cc3.js:2568
index.426f3cc3.js:2588 TypeError: Failed to fetch dynamically imported module: http://127.0.0.1:4943/assets/default-layout.dc0dcd32.js
Hr @ index.426f3cc3.js:2588
index.426f3cc3.js:2568 [Vue Router warn]: Unexpected error when starting the router: TypeError: Failed to fetch dynamically imported module: http://127.0.0.1:4943/assets/default-layout.dc0dcd32.js
warn$2 @ index.426f3cc3.js:2568
127.0.0.1/:1 Uncaught (in promise) TypeError: Failed to fetch dynamically imported module: http://127.0.0.1:4943/assets/dashboard.1dc8c51e.js
1 Like