Блог

Главная - Вопросы по программированию - внешний css автоматически преобразуется во внутренний css в reactjs, поэтому невозможно применить несколько файлов css

внешний css автоматически преобразуется во внутренний css в reactjs, поэтому невозможно применить несколько файлов css

#javascript #html #css #reactjs

#javascript #HTML #css #reactjs

Вопрос:

используется create-react-app, но разные css не применяются.. Например: Ожидание: увидеть элементы стиля в меню проверки Реальность:на самом деле то, что я получаю

Я не знаю, почему в css react всегда возникает конфликт

Здесь я применил только один css, но на самом деле нужно было применить 3 css, но они применены неправильно.

 index.js :
  

 import "./assets/css/style.css";

import React from "react";
import ReactDOM from "react-dom";
import { createStore } from "redux";
import { Provider } from "react-redux";
import { applyMiddleware, compose } from "redux";
import createSagaMiddleware from "redux-saga";
import * as serviceWorker from "./serviceWorker";
import rootSaga from "./sagas";
import { rootReducer } from "./reducers";
import { BrowserRouter } from "react-router-dom";
import App from "./App";
//import "./styles/font-awesome.css";
import "font-awesome/css/font-awesome.css";

const composeEnhancers = window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ || compose;
const sagaMiddleware = createSagaMiddleware();
const store = createStore(
  rootReducer,
  composeEnhancers(applyMiddleware(sagaMiddleware))
);
sagaMiddleware.run(rootSaga);
ReactDOM.render(
  <BrowserRouter>
    <Provider store={store}>
      <div id="wrapper">
        <App />
      </div>
    </Provider>
  </BrowserRouter>,
  document.getElementById("root")
);

serviceWorker.unregister();  
 <script src="https://cdnjs.cloudflare.com/ajax/libs/react/16.6.3/umd/react.production.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react-dom/16.6.3/umd/react-dom.production.min.js"></script>

Комментарии:

1. Ну и зачем вам импортировать только один файл CSS, если вам нужно 3? Вам нужно импортировать их все. Также, если есть перекрывающиеся стили, файлы, которые вы импортируете последними, перезапишут предыдущие.

2. я попытался импортировать весь css, но он не работает

3. Вы получаете ошибки в консоли? Если вы перейдете на вкладку Сеть в Chrome dev tools, вы увидите, что загружается файл css?

4. нет, я не получал никаких ошибок в консоли. да, поля css загружаются, но применяются не идеально.