Hi,

I have a new Phoenix project (Latest versions of everything) and have a problem when I use:

import socket from "./socket"

I am using jQuery to highlight my menu and each menu item has an icon from Font Awesome. In my app.js I am defining jQuery like this:

window.$ = $;

and the script in my base layout HTML is:

var page = window.location.pathname.split('/')[1]
$('#' + page).toggleClass('active')

I am also importing the icons in app.js:

import { faUser } from "@fortawesome/pro-light-svg-icons/faUser";
library.add(faUser);

when I use the import statement for sockets I get an error uncaught reference error: $ is undefined and my icons disappear.

I have tried moving script to view render function but same problem exists … only thing that fixes it is commenting out the import for sockets.

Thanks in advance,

Andrew