Javascript changes not shown in deployed portlet

• Type: Bug
• Status: Closed
• Resolution: Fixed
• Affects Version/s: 7.2.X, Master
• Fix Version/s: 7.2.10 DXP FP7, 7.2.X, 7.3.3 CE GA4, Master
• Component/s: JS APIs and Utilities > Frontend JS Web API, Performance > Caching Infrastructure
• Labels:
  • ee-ts
  • liferay-fixpack-dxp-7-7210
• Branch Version/s:
  7.2.x
• Backported to Branch:
  Committed
• Fix Priority: 3
• Git Pull Request: https://github.com/brianchandotcom/liferay-portal/pull/89906

Reproducing Steps

1. Create a new javascript portlet
   1. Use yo liferay-js and selecting JavaScript Widget and Yes for Do you want to generate sample code?.
   2. Alternatively, use the attached portlet, created using the previous method.
2. Compile portlet and deploy in Liferay instalation (using npm run deploy).
3. Add portlet to a page.
4. Modify something in the file index.js
   1. For example, modify the string Portlet Element Id:.
5. Compile and deploy portlet again.
6. Reload the page to check changes
   Expected: The changes are visible in the page.
   Observed: The changes are not visible in the page.
   It is necessary to delete the browser's cache to see the changes.

Note: Even if the changed portlet is deployed, the url requesting the resource `index.js` still has the old timestamp. E.g.: http://localhost:8080/combo/?browserId=other&minifierType=&languageId=en_US&b=7310&t=1588676524782&/o/js/resolved-module/my-js-project-with-changes@1.0.0/index.js