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.

CSS Files are Being Fetched Twice in Production Mode

See original GitHub issue

I generated a new project using 2.13.3 ember CLI in order to debug an issue we are seeing with our production application where all of our CSS files are being fetched twice when running in production mode: ember s --environment production Here is a screenshot of the network tab in Chrome that shows this behavior:

image

I don’t see this behavior on non-Ember applications we maintain and am curious what is causing this behavior. We also see this on a deployed application where livereload is not running, so it doesn’t appear to be related to that.

Any help on this issue to diagnose the source of the duplicate CSS rendering would be helpful. Thanks.

Issue Analytics

  • State:closed
  • Created 6 years ago
  • Comments:14 (7 by maintainers)

github_iconTop GitHub Comments

3reactions
stefanpennercommented, Jun 28, 2017

@brandonwtrility two ways:

  • remove ember-cli-sri from package.json (but then you loose all integrity)

or

  • add integrity="" to the link tag (this avoids the double load problem)
1reaction
brandonwtrilitycommented, Jun 28, 2017

@stefanpenner Excellent, I will take your suggestion so when we have a cleaner CLI upgrade path. Thanks again for your help!

Read more comments on GitHub >

github_iconTop Results From Across the Web

Why are these CSS files being downloaded twice?
UPDATE 2 It is not just about bootstrap.min.css but every css file is being downloaded twice sometime thrice (You can see it in...
Read more >
Top 18 Most Common AngularJS Developer Mistakes - Toptal
Sheer size of the AngularJS can easily lead to many mistakes. In this article you will learn about most common AngularJS developer mistakes...
Read more >
Suspense for Data Fetching (Experimental) - React
Approach 1: Fetch-on-Render (not using Suspense). A common way to fetch data in React apps today is to use an effect: // In...
Read more >
Handling common accessibility problems - MDN Web Docs
Familiarity with the core HTML, CSS, and JavaScript languages; an idea of the high level principles of cross browser testing. Objective: To be...
Read more >
Bundling and Minification | Microsoft Learn
CSS files that import other files result in the imported files loaded twice. For example, the following code creates a bundle with most...
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