Tengo este mini-proyecto. Se compone de 2 archivos en la misma carpeta.

1. Aplicación.css

 .App-align-left { text-align: left; }

2. Aplicación.js

 import React from 'react'; import 'App.css'; class App extends React.Component { constructor(props) { super(props); this.state = { data: '' } } render() { let contents = <h4>Contents</h4>; return ( <div style={{ display: "inline-block" }}><br /> <h3 style={{ display: "inline-block" }}>Header</h3> <div className="App-align-left">{contents}</div><br /> </div>) } } export default App;

Cuando ejecuto la inspección de código en esto, me da una advertencia de que la aplicación no se usa ( unused global export ), pero también para Selector App-align-left is never used . ¿Por qué es esto? Se usa claramente.