dokuzbir

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 ?

Most Liked

grych

grych

Creator of Drab

There is no better way to learn than contributing to an opensource project, IMO.

grych

grych

Creator of Drab

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 :wink: Again, this would be a good exercise and way to learn how it works.

Zesky665

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?

Where Next?

Popular in Questions Top

mgjohns61585
Could someone help me? I’m making my first elixir program, number guessing game. I can’t figure out how to convert the user’s guess from ...
New
JorisKok
I have a server on AWS, and was running a load test using artillery. When looking at the Phoenix dashboard I see the Ports going to 100% ...
New
LegitStack
I’m trying to make a websocket server in Phoenix or raw Elixir. I heard about gun, I think I could use cowboy, but since I’m not that sma...
New
Lily
In templates/appointment/index.html.eex: <%= for appointment <- @appointments do %> <tr> <td><%= appoi...
New
pmjoe
I have a relationship of love and hate with Elixir. Lots of things are just absolutely right, but there are some things that are kind of ...
New
stefanluptak
Hello everybody, usually, I use a 29" ultra-wide monitor for VSCode which can easily accomodate explorer (files panel) + file with code ...
New
belgoros
I’m not a pro in using Regex and can’t figure out why the following behaviour happens, especially if we take into account the difference ...
New
PeterCarter
There are pre-rolled solutions for other frameworks that do work. However, Phoenix does not seem to have these. Have people had good expe...
New
jononomo
For some reason my phoenix channels are working for me in my local dev environment, but as soon as I deploy via Docker, I get a 403 error...
New
lanycrost
Hi everyone! I need implement if…else if…else condition from my elixir code, and anymore of this control flow structures not work proper...
New

Other popular topics Top

TunkShif
This post is an instruction guide to help you setup your Neovim for Elixir development from scratch. It includes general information on h...
274 41539 114
New
gshaw
What is the idiomatic way of matching for not nil in Elixir? E.g., First way: defp halt_if_not_signed_in(conn, signed_in_account) when...
New
AngeloChecked
What learn first? Rust or Elixir Hi Elixir community! I’m here because i want learn a new language. I’m a junior developer and mainly i ...
New
vegabook
I’m brand new to Phoenix and I have stripped one of the demo applications to the bone. I just want to get an svg up on the screen. Here i...
New
vrod
I am using the Starship cross-shell prompt – it seems pretty nice, but I get some errors: [WARN] - (starship::utils): Executing command ...
New
fayddelight
I tried installing elixir 1.11.2 erlang 23.3.4 via asdf in my zsh shell. Enabled the versions locally and globally. When I list them ...
New
axelson
This post is a wiki (feel free to hit the edit button near the bottom right of this post to add your own changes!) This post collects co...
239 47930 226
New
marick
I had some trouble figuring out how to make many-to-many associations work. Once I got it working, I wrote a blog post. Because I’m a nov...
New
Qqwy
Update: How to use the Blogs & Podcasts section You can post links to your blog posts or podcasts either in one of the Official Blog...
3271 126479 1222
New
sergio
Kind of like when jquery came out, it was super necessary. Existing drag and drop libraries have a bunch of baggage to support old browse...
New

We're in Beta

About us Mission Statement