Невозможно импортировать CSS в приложении ReactJs - PullRequest
0 голосов
/ 20 сентября 2018

Я пытаюсь преобразовать HTML-шаблон в приложение ReactJs.Все отлично работает с

<link rel="stylesheet" href="%PUBLIC_URL%/css/styles-merged.css">

в файле public\index.html, но когда я перемещаю файл style.min.css из public\css folder в src\index.js, он не работает.Я уверен, что я делаю ошибку новичка.Что я делаю неправильно?

Структура файла

public
   index.html
src
   index.js
   app.js 
   css
      style.min.css
   fonts
      glyphicons-halflings-regular.eot

Ошибка:

./src/index.js Module not found: Can't resolve 'css/style.min.css' in 'c:\projects\sample\src'

файл public \ index.html:

<!DOCTYPE html>
<html lang="en">
  <head>
<meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">    
    <!--<link rel="stylesheet" href="%PUBLIC_URL%/css/styles-merged.css">-->
    <link rel="manifest" href="%PUBLIC_URL%/manifest.json">
    <link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico">
  </head>  
  <body>
    <div id="root"></div>
  </body>
</html>

src \ index.js

import React from 'react';
import ReactDOM from 'react-dom';
import App from './App';
import registerServiceWorker from './registerServiceWorker';

import 'css/style.min.css';

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

1 Ответ

0 голосов
/ 20 сентября 2018
import './css/style.min.css'

Необходимо указать относительный путь для импортируемого модуля, который находится в относительном каталоге (здесь внутри src)

Когда вы делаете

import 'css/style.min.css'

Он попытается найти этот модуль в каталоге node_modules.Это потому, что его там нет, вы получаете

Модуль не найден: не удается разрешить 'css / style.min.css' в 'c: \ projects \ sample \ src'

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...