question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

transpiled modules don't get rebuilt anymore

See original GitHub issue

Describe the bug modules (from node_modules folder) which are transpiled using transpileDependencies and transpile options in quasar.conf.js were previously watched for changes and if changes to those modules occurred, the quasar app (spa in my case) would rebuild and directly apply the changes. this can be useful, if you want to link your dependency and develop it within a quasar app, e. g. via npm link my-dependency. i used this for some years now. but recently i noticed it doesn’t work anymore. there are no errors in the console and the change still appears to be detected. it even looks like it’s rebuilding the app (judging by console), but the app never updates the changed part. only restarting the development server (quasar dev) helps, or changing some prop in quasar.conf.js which triggers the whole app to be rebuilt. this is a major blocker for any development involving (linked) dependencies.

Codepen/jsFiddle/Codesandbox (required) i don’t think this can be shown on codepen, sorry.

To Reproduce Steps to reproduce the behavior:

  1. create a quasar spa app
  2. add a dependency
  3. link that dependency to your local project (npm link my-dependency in quasar folder)
  4. add that dependency to transpileDependencies and set transpile option to true in quasar.conf.js
  5. quasar dev
  6. change something in the local project that is used by the quasar app (i tested with .vue files)
  7. see that change doesn’t get applied

Expected behavior change should be applied, just as if the dependency was a part of the source code

Platform (please complete the following information): Quasar Version: 2.0.3 @quasar/app Version: 3.0.3

Quasar mode:

  • SPA
  • SSR
  • PWA
  • Electron
  • Cordova
  • Capacitor
  • BEX

Tested on:

  • SPA
  • SSR
  • PWA
  • Electron
  • Cordova
  • Capacitor
  • BEX

OS: linux (someone i know could reproduce the issue in windows) Node: 16 (also tested 14, no difference) NPM: 7 (also tested 6 - i believe -, no difference) Yarn: Browsers: iOS: Android: Electron:

Additional context I also tried downgrading node, which didn’t help. I also tried downgrading the two quasar packages to some betas, which didn’t help either. i think this problem is different from the other one, because it only affects modules and i have no console errors. other one: https://github.com/quasarframework/quasar/issues/10083 i also believe this problem isn’t directly about linking, because normal (unlinked) dependencies show the same issues when changed.

Issue Analytics

  • State:closed
  • Created 2 years ago
  • Comments:5 (3 by maintainers)

github_iconTop GitHub Comments

1reaction
rstoenescucommented, Oct 24, 2021

HMR should work with symlinked deps now. 100%.

Only thing that comes to my mind is you’re prolly developing a PWA? In which case: https://quasar.dev/quasar-cli/developing-pwa/hmr-for-dev#introduction

1reaction
rstoenescucommented, Oct 23, 2021

Think I found the culprit. Please retry with “@quasar/app” v3.1.6.

Read more comments on GitHub >

github_iconTop Results From Across the Web

Transpiling Typescript into double packages (CommonJS + ...
The first reason: in the work of JS within Node.js and the browser, is that the browser does not have access to the...
Read more >
Module not found: Error: Can't resolve 'fs' in - Stack Overflow
The error is because of angular-cli does not support modules in node like "fs" and "path". (Issue). Add the following to the root...
Read more >
Webpack, loaders, Babel, sourcemaps, React, Hot Module ...
This code is development only, and you don't want to see it in production. Don't worry; it won't be there. Because if(module.hot) is...
Read more >
webpack Tutorial: How to Set Up webpack 5 From Scratch
So we have to bundle, minify, and transpile the code into something all browsers understand, which is where webpack comes in.
Read more >
CesiumJS Build Tooling Revamp - Cesium Community
Cesium is a big library made up of hundreds of individual modules. ... One appeal of preprocessing would be the ability for us...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found