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] CSS import breaks webpack 5 compilation

See original GitHub issue

Bug Report

With Webpack 5 and css-loader 6, the CSS imports break the compilation.

Steps to reproduce

Following the steps from here or here or just starting a new react app with webpack 5 and css-loader v6. Imports Semantic UI css in root component and it should stops working.

Expected result

Should work.

Actual result

TypeError: Cannot read property 'get' of undefined
during rendering of asset asset/inline|data:application/x-font-ttf;charset=utf-8;;base64,AAEAAAAOAIAAAwBgT1Mv...

Version

2.8.8

Issue Analytics

  • State:closed
  • Created 2 years ago
  • Comments:7 (3 by maintainers)

github_iconTop GitHub Comments

1reaction
lubber-decommented, Oct 9, 2021

Duplicate of #2027 and fixed by #2028 Please try the develop branch or CDN nightly build

0reactions
kariaecommented, Oct 11, 2021

Removing from semantic.json and/or from theme.less didn’t help, but removing the imports from semantic.less did the trick 👍 I think we can close this 😃

Read more comments on GitHub >

github_iconTop Results From Across the Web

CSS import breaks webpack 5 compilation · Issue #75 - GitHub
With Webpack 5 and css-loader 6, the CSS imports break the compilation. ... Import Semantic UI css in the root component and it...
Read more >
Code Splitting - webpack
Dynamic Imports: Split code via inline function calls within modules. Entry Points. This is by far the easiest and most intuitive way to...
Read more >
Webpack build breaks CSS And inline comments are failed to ...
I am trying to use webpack to optimize build file and increase web app performance. Below is my webpack configuration code
Read more >
Webpack 5 CSS Walkthrough: Sass, PostCSS and more!
00:00 - What we'll cover ; 01:17 - Note on Webpack basics video ; 01:47 - Creating the project ; 04:30 - Adding...
Read more >
Webpack and bundlers · Bootstrap v5.0
js plugins: function () { return [ require('autoprefixer') ]; } } } }, { // compiles Sass to CSS loader: 'sass-loader' }] }...
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