question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

[Build Tools] Some CSS files are missing after build

See original GitHub issue

Bug Report

On a new install of Fomantic-UI, the CSS build script does not throw any error, but some CSS files are missing.

Steps to reproduce

  1. npm install --save fomantic-ui (with automatic parameters)
  2. sudo npm install -g gulp@4.0.0
  3. cd semantic && gulp build-css

Expected result

The semantic/dist/components folder should contain CSS files for every component.

Actual result

A lot of CSS files are missing (form, dropdown, checkbox…) from the semantic/dist/components. The only present files are (+ minified versions) :

  • button.css
  • container.css
  • divider.css
  • flag.css
  • header.css
  • icon.css
  • image.css
  • input.css
  • label.css
  • list.css
  • loader.css
  • placeholder.css
  • rail.css
  • reset.css
  • reveal.css
  • segment.css
  • site.css
  • step.css

Version

  • Fomantic-UI : 2.7.1
  • Gulp : 4.0.0
  • NPM : 6.7.0
  • Node : 10.8.0

With the same configuration and Semantic-UI (2.4.2), everything is ok.

Issue Analytics

  • State:closed
  • Created 5 years ago
  • Comments:10 (3 by maintainers)

github_iconTop GitHub Comments

1reaction
donaggiocommented, Jun 14, 2019

This problem disappeared for me too when starting from scratch, so I made a diff from a clean installation and my working dir and noticed that some files were not updated from release to release of sui (before) and fui (more recently). Most important ones were src/semantic.less and src/theme.config. After re-aligning everyhting to a clean installation of fui, my working dir build started to work again.

0reactions
mrkvncommented, Sep 5, 2019

I found this line in my semantic.json file: “components”: []

I removed that line and it’s now fixed for me.

Read more comments on GitHub >

github_iconTop Results From Across the Web

Vue 3 - Vite app missing some CSS rules after build
The reason behind lost CSS is purgecss library. When building for production, it removes CSS rules that are not being ...
Read more >
Custom css classes are missing in build file #7305 - GitHub
After running the build script it seems like some of the custom classes are missing in public css file. Not sure why this...
Read more >
See missing CSS files with developer tools - Super User
In any browser's Developer Tools, if you switch to the Network pane, you'll see all requests made from the page. Look for red...
Read more >
How to Fix the Error: "The package could not be installed. The ...
A missing style.css file means one of two things: the theme developer (potentially you) failed to include it in the root directory, or...
Read more >
How to Fix “The package could not be installed. The theme is ...
The theme is missing the style.css stylesheet' error in WordPress and ... not be built for WordPress: Many other website-building platforms ...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found