dokuzbir
Drab webpack problem - Uncaught ReferenceError: require is not defined
I am trying to use drab with webpack but i get error in drap.js
Uncaught ReferenceError: require is not defined
this.Socket = require("phoenix").Socket;
I tried to add that to in app.js
window.socket = require("phoenix").Socket
and i changed
this.Socket = window.socket
But get new error this.Socket is not a constructor. How can i use drab with webpack ?
First Post!
grych
Hi @dokuzbir,
yes, Drab does it:
window.Drab = {
create: function (drab_return_token, drab_session_token, broadcast_topic) {
this.Socket = require("phoenix").Socket;
And webpack does not provide global require. We had some discussions about it in github before, but I still can’t find the more universal way to initialize Socket.
Most Liked
grych
grych
Of course everyone is invited! More brains!
Don’t worry if you find it complicated. Some parts are, but you can always start with the easier stuff, then get deeper and help refactor the core code. I could suggest few areas to work with:
-
Issues: check the issues list, the ones marked with “help wanted” are waiting for you! There is one marked as “level: beginner”, should be quite easy to jump into.
-
Documentation: Drab is the software for developers, so documentation is at least the same important as the code. It needs review, clarification. There are for sure many parts which are understandable for me, but not for others. Also, starting with docs would let you learn how Drab works
-
Tutorial and examples: there is a page, Drab: Server Side User Interface Access, with few examples. It also could be improved, more interesting examples added. José suggested creating the example app with multiple chat rooms - maybe something like slack? - I think it is a good idea, but I never had time to do it. There is also a need to write a real beginners guide. I was even thinking about writing a complete beginners guide (with short introduction to elixir, phoenix, html and css). I want Drab to be a good way for beginners to start doing webapps without scary JS frameworks.
-
Code review: Drab started as a proof of concept, and had thousands of twists in its history. There is a lot to improve with code readability. Sometime I am wondering how does it works
Again, this would be a good exercise and way to learn how it works.
Zesky665
About the multi chat room tutorial, I’m doing something similar for my graduation thesis and I’m in the process or rebuilding it with drab. Would anyone be interested in a tutorial?
Last Post!
thib
Popular in Questions
Other popular topics
Latest Phoenix Threads
Latest on Elixir Forum
Sponsor Spotlight
Practical resources that improve the lives of professional developers.
Categories:
Sub Categories:
Forums
Popular Tags
- #ecto
- #liveview
- #troubleshooting
- #learning-elixir
- #deployment
- #library
- #erlang
- #testing
- #genserver
- #mix
- #absinthe
- #remote-other
- #otp
- #plug
- #how-to-question
- #macros
- #postgres
- #channels
- #elixirconf
- #exunit
- #discussion
- #code-sync
- #javascript
- #podcasts
- #onsite
- #dialyzer
- #docker
- #authentication
- #umbrella
- #full-time-contract
- #podcasts-by-brainlid
- #ecto-query
- #elixir-ls
- #phoenix_html
- #iex
- #blog-post
- #graphql
- #genstage
- #ai
- #websockets
- #supervisor
- #elixirconf-us
- #advent-of-code
- #distillery
- #processes
- #api
- #forms
- #metaprogramming
- #security
- #hex
Our Sponsors
Build Elixir applications with speed and confidence.
Supporting innovation across the BEAM ecosystem.
We build reliable cloud platforms for business-critical systems.
Catch errors, track performance, monitor hosts and more.
Error tracking, logs, uptime, and Just Enough APM. Built for developers.
Producing high quality Elixir screencasts since 2017.
Enabling companies to succeed by building software people love.
The deployment platform built for Elixir: PaaS ease, VPS control.
The team behind Membrane, Popcorn, LiveDebugger. Available for hire.
Courses that'll move you from confusion to "Aha, now I get it!"