Coder Social home page Coder Social logo

Comments (8)

jnordberg avatar jnordberg commented on July 20, 2024

What's the issue?

from coffeeify.

lagoasoft-lucasschmidt avatar lagoasoft-lucasschmidt commented on July 20, 2024

Sorry,
the source-maps are simply not matching with the original files. They move a few lines.

Sorry, I will attempt to debug exactly the lines and see if I can find more info, the JSON data is just too freaking huge, so I am taking a bit too long.

But for now my question would be: should it work properly? Run coffeeify with sourceMaps and then browserify-shim, or is there any other config?

I will post it later after I can analyze the sourceMap data, but in Chrome of all devs, the mapping is simply wrong.

from coffeeify.

lagoasoft-lucasschmidt avatar lagoasoft-lucasschmidt commented on July 20, 2024

Ok, I did some analysis here.

If I put the breakpoint in the first line of a method, it means I am putting a breaking point in the method definition.

So, the actual breakpoint is always 1 line before the actual coffee line.

The real issue is to detect all versions of the tools, since I am using cartero that uses parcelify (https://github.com/rotundasoftware/parcelify) to call browserify for each page that I have.

Browserify version: 3.44.0
Coffeeify tried latest version. (I tried the one before that as well)

Problem is that I tried removing browserify-shim and still, the mapping went wrong for about 1 line as well.

So, this may be related to something else, and not browserify-shim.

from coffeeify.

jnordberg avatar jnordberg commented on July 20, 2024

Ok, that's quite the stack you got there :) If you can reduce the issue down to a reproducible example with just coffeify and another transform I might be able to help.

Otherwise maybe someone with some experience with the modules you are using can chime in

from coffeeify.

lagoasoft-lucasschmidt avatar lagoasoft-lucasschmidt commented on July 20, 2024

Sure, I will do that, I just initially though the issue was with coffeeify and browserify-shim, but I guess I was wrong. I will do some more investigating, and if I find any issues regarding this module I let you guys know.

If you guys know any known issues, let me know.

Just to add, I was able to limit the stack by reproducing the problem using this:

browserify src/views/pages/dashboard/dashboard.coffee -g coffeeify -g browserify-shim -g browserify-plain-jade -o bundle.js --debug

latest version of all these tools

Thanks.

from coffeeify.

lagoasoft-lucasschmidt avatar lagoasoft-lucasschmidt commented on July 20, 2024

Is this the cause of the issue?
browserify/browserify#322

from coffeeify.

juriejan avatar juriejan commented on July 20, 2024

I'm experiencing the same issue. Ever figure out what might be causing it, or found a solution?

from coffeeify.

lagoasoft-lucasschmidt avatar lagoasoft-lucasschmidt commented on July 20, 2024

Well @juriejan , what I did was simply avoid using coffee sourceMaps, instead, just plain javascript.

I changed my build system, so I dont use coffeeify anymore. I transform to js using grunt, and then grunt triggers a job that does browserify stuff. It got pretty complex, but in the end, I think this is best, since its actually faster than the original plan.

In the browser, I am able to view the js files as the source maps, so its no big deal.

edit: I simply dont remember if I found a guilty party, probably not, I did try a lot to fix it, but it got to the point where speed mattered more, so I focus on that.

from coffeeify.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.