blencorp/react-lighthouse-viewer

CSS is broken

sanjay22nava opened this issue · 6 comments

sanjay22nava commented

The component is loading. but, CSS is broken. does it require a CSS loader?

image

image

naodya commented

@sanjay22nava , I'm unable to replicate this issue. Can you please provide the steps?

sanjay22nava commented

@naody I just installed the package react-lighthouse-viewer as shown in the example with create-react-app

here is repo with index.js in the app.

import React from "react";
import ReactDOM from "react-dom";
import ReportViewer from "react-lighthouse-viewer";
import jsonReport from "./report.json";

const App = () => <ReportViewer json={jsonReport} />;

ReactDOM.render(<App />, document.getElementById("root"));

This is just boilerplate create-react-app, no other package except react-lighthouse-viewer.

victorcarvalhosp commented

same issue here on version 2.0.

Using version 1.0.9 it's working with just a small glitch where the First Meaningful Paint, First CPU Idle, Max Potential First Input Delay results and the images are not appearing.
image

ivanjeremic commented

Same issue here any fixes?

firassziedan commented

pull request #7 fix this issue

naodya commented

Fixed on latest version. checkout #9 for details.