CSS загрузка не удалась в РЕАКТ - PullRequest
Новая
       7

CSS загрузка не удалась в РЕАКТ

0 голосов
/ 11 января 2020

У меня проблема при загрузке CSS в реакции.

Мой исходный код выглядит следующим образом. 

const Index = ({ .... }) => {
...
   useEffect(() => {
   ...
      console.log('data : ', data);
      // require('#a/b/c/d/e.css');
      require(data.src);

Когда я загружаю css, используя строку URL, он работает должным образом. Но когда я загружаю css как переменную, он не может работать.

Журнал ошибок выглядит следующим образом. 

Cannot find module '#a/b/c/d/e.css'
webpackEmptyContext
webpack:~ sync:2

, а Console.log похож на это. 

data :  
{key: "9999", src: "#a/b/c/d/e.css"}
key: "9999"
src: "#a/b/c/d/e.css"

Я хочу использовать url в качестве переменной. Есть ли какое-нибудь решение по этому поводу?

Спасибо.

1 Ответ

1 голос
/ 11 января 2020

У Webpack нет возможности узнать, каково значение переменной, поэтому он не может скомпилировать файл.

Вы должны четко определить путь, иначе Webpack выдаст ошибки.

...