Javascript changes do not reflect when refreshing web browser tab

Odoo is the world's easiest all-in-one management software.
It includes hundreds of business apps:

CRM
e-Commerce
Accounting
Inventory
PoS
Project
MRP

All apps

All Posts People Badges

Tags (View all)

odoo accounting v14 v15 pos

About this forum

Help

Javascript changes do not reflect when refreshing web browser tab

javascript pos xml refresh scss

4 Replies

2234 Views

Panos Anagnostakis

I have created a module that adds extra functionality to point of sale.

When I edit a javascript file in my module and refresh the pos web page, the changes are not applied.

The same happens with xml and scss changes.

The only way is to restart the odoo server and then refresh the web page.

Is there something I can do to apply changes in the client files (js,xml,scss) by refreshing the web browser page without having to restart the server prior to this?

Darshan Parmar

Panos Anagnostakis, if you want to reload you assets file without server reload just add ?debug=assets after web part
For exmaple=

http://localhost:8090/web?debug=assets#action=1444&cids=1&menu_id=994

Jaiswal Shivam

Hello Panos Anagnostakis

https://chromewebstore.google.com/detail/odoo-debug/hmdmhilocobgohohpdpolmibjklfgkbi

Add this extension to your chrome browser and active aseets mode by double clicking on this and you don't need to restart the server you have to just refresh the browser and your js changes will automatically reflected

Thanks

Panos Anagnostakis

Author

Thanks for the suggestion!

I activated assets mode and when it refreshes i get the following error (which error doesn't occur if debug=0 or debug=1, only for debug=assets):

Chrome.js:92 TypeError: Cannot read properties of null (reading 'addEventListener')
at hooks.js:155:1
at ProductsWidget.<anonymous> (owl.js:5781:1)
at owl.js:2561:1
at RootFiber.complete (owl.js:1670:1)
at Scheduler.processFiber (owl.js:5560:1)
at owl.js:5535:1
at Set.forEach (<anonymous>)
at owl.js:5535:1
Chrome.js:92 TypeError: Cannot read properties of null (reading 'addEventListener')
at hooks.js:155:1
at SetSaleOrderButton.<anonymous> (owl.js:5781:1)
at owl.js:2561:1
at RootFiber.complete (owl.js:1670:1)
at Scheduler.processFiber (owl.js:5560:1)
at owl.js:5535:1
at Set.forEach (<anonymous>)
at owl.js:5535:1
(anonymous) @ Chrome.js:92
_handleError @ owl.js:106
_handleError @ owl.js:118
_handleError @ owl.js:118
handleError @ owl.js:136
handleError @ owl.js:5700
complete @ owl.js:1687
processFiber @ owl.js:5560
(anonymous) @ owl.js:5535
(anonymous) @ owl.js:5535
requestAnimationFrame (async)
flush @ owl.js:5533
setCounter @ owl.js:1693
_render @ owl.js:1626
render @ owl.js:1613
updateAndRender @ owl.js:2449
await in updateAndRender (async)
(anonymous) @ owl.js:5673
template @ VM2039:66
node.renderFn @ owl.js:2637
_render @ owl.js:1621
render @ owl.js:1613
updateAndRender @ owl.js:2449
await in updateAndRender (async)
(anonymous) @ owl.js:5673
slot1 @ VM2017:37
callSlot @ owl.js:2896
template @ VM2018:10
_render @ owl.js:1621
render @ owl.js:1613
updateAndRender @ owl.js:2449
await in updateAndRender (async)
(anonymous) @ owl.js:5673
template @ VM2017:132
node.renderFn @ owl.js:2637
_render @ owl.js:1621
render @ owl.js:1613
render @ owl.js:2391
await in render (async)
render @ owl.js:2660
(anonymous) @ Chrome.js:201
Promise.then (async)
_runBackgroundTasks @ Chrome.js:200
(anonymous) @ Chrome.js:151
setTimeout (async)
start @ Chrome.js:151
await in start (async)
start @ Chrome.js:10
start @ Chrome.js:8
configureAndStart @ chrome_adapter.js:75
setup @ Chrome.js:95
ComponentNode @ owl.js:2325
(anonymous) @ owl.js:5691
template @ VM2007:12
_render @ owl.js:1621
render @ owl.js:1613
initiateRender @ owl.js:2347
await in initiateRender (async)
(anonymous) @ owl.js:5693
template @ VM2006:14
_render @ owl.js:1621
render @ owl.js:1613
initiateRender @ owl.js:2347
await in initiateRender (async)
mountComponent @ owl.js:2331
mountNode @ owl.js:5636
mount @ owl.js:5607
startWebClient @ start.js:48
await in startWebClient (async)
startPosApp @ main.js:33
(anonymous) @ main.js:36
(anonymous) @ boot.js:127
processJob @ boot.js:125
processJobs @ boot.js:196
(anonymous) @ boot.js:137
Promise.then (async)
(anonymous) @ boot.js:134
processJob @ boot.js:125
processJobs @ boot.js:196
(anonymous) @ boot.js:137
Promise.then (async)
(anonymous) @ boot.js:134
processJob @ boot.js:125
processJobs @ boot.js:196
odoo.define @ boot.js:253
(anonymous) @ legacy_setup.js:1

Panos Anagnostakis

Author

I'm working on odoo 16

Nikhil Nakrani

Hi Panos Anagnostakis,

which version odoo?

if its before 15 you need add xml/assests file to add your all assets

and if after 15 then you need add assets in manifest.

Thanks

Panos Anagnostakis

Author

I'm working on odoo 16

Panos Anagnostakis

Author

My problem isn't that the assets are not working. I've already added the file paths in manifest.py. My problem is that if I make a change in an asset file, I have to restart the odoo server before refreshing the web browser page in order to make my change be applied.

Enjoying the discussion? Don't just read, join in!

Create an account today to enjoy exclusive features and engage with our awesome community!

Related Posts	Replies	Views
Max allowed quantity in pos javascript pos xml odoo10.0	0 Sep 20	38
How to hide/show custom button based on condition in odoo10 Point of sale ? Solved javascript pos xml odoo10.0	4 May 18	12393
t-foreach not working on POS template screen Solved javascript pos xml template owl	2 Jun 23	2701
click by div class in POS POPUP , Data from web model Odoo 10 javascript pos xml web odoo10	0 Feb 17	3476
does odoo 17 allow to add button to Navbar header in point of sale session inside it to get dynamic data javascript pos	1 Nov 24	697

This question has been flagged

Enjoying the discussion? Don't just read, join in!