but it didn't work
any idea/suggestion?
I'm having hard time trying to make react components work with browserify rails
the weird thing is that if I include those components with sprockets it works
as soon as I compile them with browserify, it throws errors
but yeah if you add the babel browserify transform https://github.com/babel/babelify that could work
oh, if it is jsx, hrm... are you using reactify?
everything's working fine with
[babelify --stage 0] argument
in the browserify rails config
it works also with some es7 featues, super!
Hi everybody! I just noticed these two lines in my rails logs
Browserify: /Users/macbookair/Sites/dude-buddy/node_modules/.bin/browserifyinc -t [babelify --stage 0] --extension=".jsx" --list --cachefile=\"/Users/macbookair/Sites/dude-buddy/tmp/cache/browserify-rails/browserifyinc-cache.json\" -o "/Users/macbookair/Sites/dude-buddy/tmp/cache/browserify-rails/output20150623-8917-3wlawr" -
Browserify: /Users/macbookair/Sites/dude-buddy/node_modules/.bin/browserifyinc -t [babelify --stage 0] --extension=".jsx" --cachefile=\"/Users/macbookair/Sites/dude-buddy/tmp/cache/browserify-rails/browserifyinc-cache.json\" -o "/Users/macbookair/Sites/dude-buddy/tmp/cache/browserify-rails/output20150623-8917-5nqdxw" -
it seems like it compiles twice
is it expected behaviour or am i doing something wrong?
which lists the dependencies of the module
the second one actuallys compiles it
bundles are still being compiled by Sprockets
Is it posible to ignore sprockets completely and only use browserify-rails to compile bundles (like don't use
//= require 'bla' anymore and instead use require('bla'))
Hey folks, I've been using browserify-rails for some time now with great success, but recently I started receiving a javascript error in one of my applications, "Uncaught ReferenceError: require is not defined". I'm not getting this error on any other application on my dev box. Is there a good starting point for debugging something like this?
it can get confusing
my other recommendation is to put all of the non-CommonJS code into a separate asset file — so say you had regular jQuery, put that in some asset bundle like lib.js or something — all the //= sprocket stuff could go in there and then have one bundle that is just the CommonJS stuff (that uses require)
re: the chrome debugger — you can google “chrome javascript pause on exception” to get some more details on how to use the debugger
Hey guys, Wondering if you might offer me some advice: I have downloaded 'material-ui' package and added to my package.json file through NPM. It is displaying in my package.json file. However, I'm not able to access components like AppBar as my browser is telling me it's not defined. I've attempted adding a global variable in my application.js file, but this isn actually crashing the app:
var MaterialUI = require('material-ui');
I'm using Rails 4 and Ruby 2.1 with Browserify. Definitely frustrating, I just can't figure out what I'm doing wrong. Thank you for any help/pointers in the right direction you can give me!
@renchap have you included browserify-rails in your production gems?
it needs to be in production for the asset compilation
it doesn't actually do anything further
but if it isn't in production, it won't be loaded during asset compile and that will have the result you mention here
@goldnuggets24 The whole point of using something like browserify is to not use global variables
Try the basics first -- try to walk before you run :)
I know that sounds annoying but one hint is to have a file say application.js -- in that file anything that is coming from asset pipeline requires like //= do it there.. then after that, require your CommonJS files
Look at some examples out there if you can't get it working as you expect. But from what you wrote, I think you're thinking about it wrong and still trying to have global asset pipeline JS run things when really you want to get to CommonJS modules and assemble all your JS with that and then kick off the CommonJS-based code
Much easier to start w/ working examples and add to it when you're first getting started
Hey. So there is this npm package called solc and it has a function called 'compile' which uses a function called 'cwrap' from this soljson.js file in the /bin/ folder of the solc node_module folder. When I use the node console to require solc and then call that function, it works beautifully. However if I try to call the compile function in rails with browserify, i get an error that states that the function 'cwrap' is missing from soljson.. i am guessing this is due to browserify not compiling the soljson.js file maybe ?
