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.

SASS compiling issue (WebPack)

See original GitHub issue

Get this error when I run npm run build and when I run the app I have no styles.

WARNING in app.bundle.js from UglifyJs
Condition always false [./~/style-loader!./~/css-loader!./~/sass-loader!./client/app/common/navbar/navbar.scss:10,0]
Dropping unreachable code [./~/style-loader!./~/css-loader!./~/sass-loader!./client/app/common/navbar/navbar.scss:12,0]
Side effects in initialization of unused variable update [./~/style-loader!./~/css-loader!./~/sass-loader!./client/app/common/navbar/navbar.scss:7,0]
Side effects in initialization of unused variable _angularClipboard2 [./client/app/common/hero/hero.controller.js:13,4]
Condition always false [./~/style-loader!./~/css-loader!./~/sass-loader!./client/app/common/hero/hero.scss:10,0]
Dropping unreachable code [./~/style-loader!./~/css-loader!./~/sass-loader!./client/app/common/hero/hero.scss:12,0]
Side effects in initialization of unused variable update [./~/style-loader!./~/css-loader!./~/sass-loader!./client/app/common/hero/hero.scss:7,0]
Condition always false [./~/style-loader!./~/css-loader!./~/sass-loader!./client/app/components/home/home.scss:10,0]
Dropping unreachable code [./~/style-loader!./~/css-loader!./~/sass-loader!./client/app/components/home/home.scss:12,0]
Side effects in initialization of unused variable update [./~/style-loader!./~/css-loader!./~/sass-loader!./client/app/components/home/home.scss:7,0]
Condition always false [./~/style-loader!./~/css-loader!./~/sass-loader!./client/app/components/about/about.scss:10,0]
Dropping unreachable code [./~/style-loader!./~/css-loader!./~/sass-loader!./client/app/components/about/about.scss:12,0]
Side effects in initialization of unused variable update [./~/style-loader!./~/css-loader!./~/sass-loader!./client/app/components/about/about.scss:7,0]
Condition always false [./~/style-loader!./~/css-loader!./~/sass-loader!./client/app/app.scss:10,0]
Dropping unreachable code [./~/style-loader!./~/css-loader!./~/sass-loader!./client/app/app.scss:12,0]
Side effects in initialization of unused variable update [./~/style-loader!./~/css-loader!./~/sass-loader!./client/app/app.scss:7,0]

WARNING in vendor.bundle.js from UglifyJs
Dropping unused function includes [./~/angular/angular.js:810,0]
Dropping unused function nodesetLinkingFn [./~/angular/angular.js:10325,0]
Dropping unused function directiveLinkingFn [./~/angular/angular.js:10332,0]
Condition always true [./~/angular-ui-router/release/angular-ui-router.js:8,0]
Dropping unreachable code [./~/angular-ui-router/release/angular-ui-router.js:10,0]
Dropping unused function _toJson [./~/angular-ui-router/release/angular-ui-router.js:1148,0]
Dropping unused function _fromJson [./~/angular-ui-router/release/angular-ui-router.js:1151,0]
Dropping unused function promiseToString [./~/angular-ui-router/release/angular-ui-router.js:1154,0]
Side effects in initialization of unused variable resolveContext [./~/angular-ui-router/release/angular-ui-router.js:2448,0]
Side effects in initialization of unused variable state [./~/angular-ui-router/release/angular-ui-router.js:4888,0]
Side effects in initialization of unused variable app [./~/angular-ui-router/release/angular-ui-router.js:6625,0]
Dropping unused variable $stateParams [./~/angular-ui-router/release/angular-ui-router.js:6890,0]
Dropping unused variable $transitions [./~/angular-ui-router/release/angular-ui-router.js:6898,0]
Dropping unused variable $transitionsProvider [./~/angular-ui-router/release/angular-ui-router.js:6906,0]
Dropping unused variable $state [./~/angular-ui-router/release/angular-ui-router.js:6912,0]
Dropping unused variable $stateProvider [./~/angular-ui-router/release/angular-ui-router.js:6918,0]
Dropping unused variable $urlRouterProvider [./~/angular-ui-router/release/angular-ui-router.js:6924,0]
Dropping unused variable $urlRouter [./~/angular-ui-router/release/angular-ui-router.js:6930,0]
Dropping unused variable $urlMatcherFactory [./~/angular-ui-router/release/angular-ui-router.js:6939,0]
Dropping unused variable $urlMatcherFactoryProvider [./~/angular-ui-router/release/angular-ui-router.js:6948,0]
Side effects in initialization of unused variable sourceMap [./~/style-loader/addStyles.js:185,0]
Side effects in initialization of unused variable media [./~/style-loader/addStyles.js:203,0]
Condition always false [./~/style-loader/addStyles.js:23,0]
Dropping unreachable code [./~/style-loader/addStyles.js:24,0]
Condition always true [./~/angular-clipboard/angular-clipboard.js:3,0]
Dropping unreachable code [./~/angular-clipboard/angular-clipboard.js:5,5]
Condition always false [./~/style-loader!./~/css-loader!./~/normalize.css/normalize.css:10,0]
Dropping unreachable code [./~/style-loader!./~/css-loader!./~/normalize.css/normalize.css:12,0]
Side effects in initialization of unused variable update [./~/style-loader!./~/css-loader!./~/normalize.css/normalize.css:7,0]

Issue Analytics

  • State:closed
  • Created 7 years ago
  • Comments:5

github_iconTop GitHub Comments

1reaction
Mike-Duntoncommented, Dec 2, 2016

I am going to play around with my node versions. I will let you know.

0reactions
talamaskacommented, Mar 8, 2017

I’m with node 6.9.4 and also have issues with the loaders. Absolutely the same. I was building for the first time.

Read more comments on GitHub >

github_iconTop Results From Across the Web

sass-loader - webpack - JS.ORG
webpack is a module bundler. Its main purpose is to bundle JavaScript files for usage in a browser, yet it is also capable...
Read more >
Webpack Sass Compiling Issue - JavaScript - SitePoint Forums
The issue arises when we enable this option which outputs x amount of CSS files (dependent on a variable being set to true,...
Read more >
webpack-contrib/sass-loader - Error while compiling scss
Operating System: Windows 10 Node Version: 13.5.0 NPM Version: 6.14.8 webpack Version: 4.44.2 sass-loader Version: 10.0.2 Expected Behavior ...
Read more >
Webpack compile scss to css and minify - Stack Overflow
Webpack compile scss to css and minify · Show your webpack.config.js , what did you try so far? What is the issue using...
Read more >
Compile SASS with Webpack into a CSS file - Florian Brinkmann
It is not trivial to compile an SCSS file with Webpack, which is not included in the JS file, into its own CSS...
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