{"action":"created","issue":{"url":"https://api.github.com/repos/jschr/electron-react-redux-boilerplate/issues/71","repository_url":"https://api.github.com/repos/jschr/electron-react-redux-boilerplate","labels_url":"https://api.github.com/repos/jschr/electron-react-redux-boilerplate/issues/71/labels{/name}","comments_url":"https://api.github.com/repos/jschr/electron-react-redux-boilerplate/issues/71/comments","events_url":"https://api.github.com/repos/jschr/electron-react-redux-boilerplate/issues/71/events","html_url":"https://github.com/jschr/electron-react-redux-boilerplate/issues/71","id":375919605,"node_id":"MDU6SXNzdWUzNzU5MTk2MDU=","number":71,"title":"Use Semantic-UI css","user":{"login":"jonnyt886","id":19891061,"node_id":"MDQ6VXNlcjE5ODkxMDYx","avatar_url":"https://avatars2.githubusercontent.com/u/19891061?v=4","gravatar_id":"","url":"https://api.github.com/users/jonnyt886","html_url":"https://github.com/jonnyt886","followers_url":"https://api.github.com/users/jonnyt886/followers","following_url":"https://api.github.com/users/jonnyt886/following{/other_user}","gists_url":"https://api.github.com/users/jonnyt886/gists{/gist_id}","starred_url":"https://api.github.com/users/jonnyt886/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/jonnyt886/subscriptions","organizations_url":"https://api.github.com/users/jonnyt886/orgs","repos_url":"https://api.github.com/users/jonnyt886/repos","events_url":"https://api.github.com/users/jonnyt886/events{/privacy}","received_events_url":"https://api.github.com/users/jonnyt886/received_events","type":"User","site_admin":false},"labels":[],"state":"closed","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":1,"created_at":"2018-10-31T11:35:30Z","updated_at":"2018-10-31T14:51:11Z","closed_at":"2018-10-31T12:58:06Z","author_association":"NONE","body":"Thanks for this great boilerplate project. I am trying to use [Semantic-UI](https://react.semantic-ui.com/usage/) with it, but am having problems.\r\n\r\nSemantic-UI consists of the `semantic-ui-react` package (containing components) and the Semantic-UI CSS, which you need to load separately. The components are working fine, but I cannot get the CSS to load.\r\n\r\nHere's what I've tried:\r\n* adding `<link rel=\"stylesheet\" ...>` to `index.html`; this just causes the page to go blank; the CSS loads successfully but the app does not load\r\n* `import 'semantic-ui-css'` in `app.js`; this gives me `jQuery is not defined`, as it needs jQuery\r\n* add the below into `app.js`; this avoids all errors but the CSS still does not get loaded into the page (i.e. my components appear but unstyled)\r\n```\r\nconst jQuery = require('jquery');\r\ndocument.jQuery = jQuery;\r\nwindow.jQuery = jQuery;\r\nrequire('semantic-ui-css');\r\n```\r\n\r\nThere are no other errors that appear in the devtools console, and I'm a little stuck. Are you able to help me debug this? The alternative is to bring Webpack in and see if that helps; I'm resisting this as the app is meant to be lightweight and low-complexity."},"comment":{"url":"https://api.github.com/repos/jschr/electron-react-redux-boilerplate/issues/comments/434716998","html_url":"https://github.com/jschr/electron-react-redux-boilerplate/issues/71#issuecomment-434716998","issue_url":"https://api.github.com/repos/jschr/electron-react-redux-boilerplate/issues/71","id":434716998,"node_id":"MDEyOklzc3VlQ29tbWVudDQzNDcxNjk5OA==","user":{"login":"jonnyt886","id":19891061,"node_id":"MDQ6VXNlcjE5ODkxMDYx","avatar_url":"https://avatars2.githubusercontent.com/u/19891061?v=4","gravatar_id":"","url":"https://api.github.com/users/jonnyt886","html_url":"https://github.com/jonnyt886","followers_url":"https://api.github.com/users/jonnyt886/followers","following_url":"https://api.github.com/users/jonnyt886/following{/other_user}","gists_url":"https://api.github.com/users/jonnyt886/gists{/gist_id}","starred_url":"https://api.github.com/users/jonnyt886/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/jonnyt886/subscriptions","organizations_url":"https://api.github.com/users/jonnyt886/orgs","repos_url":"https://api.github.com/users/jonnyt886/repos","events_url":"https://api.github.com/users/jonnyt886/events{/privacy}","received_events_url":"https://api.github.com/users/jonnyt886/received_events","type":"User","site_admin":false},"created_at":"2018-10-31T14:51:11Z","updated_at":"2018-10-31T14:51:11Z","author_association":"NONE","body":"Well I thought so too. This app was using a different Electron setup before and it did indeed work fine via `import 'semantic-ui-css/semantic.min.css';`, however on switching to this one it no longer works, so I think the issue is probably to do with this project.\r\n\r\nI did try using `extraFiles` and `extraResources` to include the CSS but the file never showed up in `build/` after running `pack`. Can you specify a file inside `node_modules` from `extraResources` or `extraFiles`? It wasn't clear to me whether those settings start from the project directory or from the `app` subdirectory."}}
{"actor":{"display_login":"jonnyt886"}}