semantic-ui styles don't work

Question

semantic-ui styles don't work

madCoder24 opened this issue 7 years ago · 6 comments

First, great work on this project.

It doesn't seem that any external stylesheets are being applied. I have installed semantic-ui with NPM and have added the appropriate css file to the 'styles' array within the file webpack.config.dev.js. Things seem to be compiling correctly as my application loads but there are no styles are anything loaded.

entry: {
        main: [
            "./src/main.ts"
        ],
        polyfills: [
            "./src/polyfills.ts"
        ],
        styles: [
            "./node_modules/semantic-ui/dist/semantic.css",
            "./src/styles.scss"
        ]
    },

Is there an example you can provide to include external stylesheets or to even have the global styles working correctly? Maybe I am missing something simple.

Answer 1 · 2018-03-23T05:45:14.000Z

Could you provide a fork with repro?

Answer 2 · 2018-03-23T15:51:42.000Z

Have you seen this? It seems that you need to include semantic.min.js in your scripts. Have you done that?

Answer 3 · 2018-03-24T21:20:29.000Z

Yes, I have added the scripts and also made sure jQuery was accessible. I will try to get a repo up that reproduces it as soon as possible for you to investigate.

Answer 4 · 2018-03-26T13:14:42.000Z

It looks like I was able to fix this by putting the link tag referencing the semantic-ui styles into the index.html file. I will still create the repository for you to investigate why it wasn't working within the 'styles' array if you still want it?

Answer 5 · 2018-03-26T13:19:17.000Z

Yep it would be great, thanks

Answer 6 · 2018-04-28T10:42:33.000Z

Will reopen once reproduction is provided