TransWikia.com

Не работают CSS модули

Stack Overflow на русском Asked on November 7, 2021

Почему то у меня не работают добавление классов.

Я их подключаю как module.css. Фаил jsx и profile.module.css находятся в одной директории.

Код:

import React from 'react';
import s from './profile.modele.css';
const Profile = () => {
  return (
      <div className={s.content}>
          <img className={s.backgrownd} src='https://www.talkwalker.com/images/2020/blog-headers/image-analysis.png' alt='Упс'></img>
          <img className={s.ava} src='https://upload.wikimedia.org/wikipedia/commons/9/9a/Gull_portrait_ca_usa.jpg' alt='Упс'></img>
        <h2>Идиот</h2>
        <div>Просто описание</div>
      </div>
  )
}

export default Profile;
cssjavascriptreactjs

One Answer

У Вас ошибка в названии, поправьте modele на module:

import React from "react"
import s from "./profile.module.css"

const Profile = () => {
  return (
      <div className={s.content}>
          <img className={s.backgrownd} src="https://www.talkwalker.com/images/2020/blog-headers/image-analysis.png" alt="Упс"></img>
          <img className={s.ava} src="https://upload.wikimedia.org/wikipedia/commons/9/9a/Gull_portrait_ca_usa.jpg" alt="Упс"></img>
        <h2>Идиот</h2>
        <div>Просто описание</div>
      </div>
  )
}

export default Profile

Так же стоит проверить правильность путей и то может ли Ваш сборщик правильно обрабатывать CSS модули.

Answered by Vasily on November 7, 2021

Add your own answers!

Ask a Question

Get help from others!

Recent Answers

Recent Questions

© 2024 TransWikia.com. All rights reserved. Sites we Love: PCI Database, UKBizDB, Menu Kuliner, Sharing RPP