← пред | след →
capfsb 2022-06-25 19:27:42
oxios 2022-06-25 19:12:54
Есть фича Layouts. Состоит из components.
Что бы удобно импортировать компоненты фичи, я в index.ts файле реэкспортирую эти компоненты(рис. 1)
Aside простой компонент
export const Aside = ({className}: Props) => {
return <div className={className}>Aside</div>;
};
Хочу его стилизовать через styled-components.
Делаю так
import {Aside} from ‘features/Layouts’;
export const StyledAside = styled(Aside)`
width: 300px;
`;
Получаю ошибку Cannot read properties of undefined (reading ‘Aside’)
Если импортировать с полным путем до Aside, то компонент стилизуется
Вот так:
import {Aside} from ‘features/Layouts/components/Aside’;
Не пойму.. Вебпак не смог пути правильные вывести или стайлед компонент не смог их понять?
Выводил в консоль.лог
import * as Layouts from ‘features/Layouts’;
console.log(Layouts);
Вроде есть этот Aside (рис. 2)
Сделай console.log(Aside) в случае с импортом из index.tsx, перед тем как предеавать его в styled(Aside)
oxios 2022-06-25 19:28:10
capfsb 2022-06-25 19:27:42
Сделай console.log(Aside) в случае с импортом из index.tsx, перед тем как предеавать его в styled(Aside)
Та же ошибка будет. Вопрос почему..)
Cannot read properties of undefined (reading ‘Aside’)
chr04iri 2022-06-25 19:28:24
Sp11it 2022-06-25 19:09:21
столкнулся с проблемой что media запрос написанный в scss файле отдельного компонента не корректно срабатывает
например следующие стили применяются на экране до 1485
В чем может быть проблема?
Стили подключил? Может у тебя где то глобальные стили которые мешают ему выполняться?
capfsb 2022-06-25 19:29:28
oxios 2022-06-25 19:28:10
Та же ошибка будет. Вопрос почему..)
Cannot read properties of undefined (reading ‘Aside’)
Ну сделай
import * as blablabla from ‘features/Layouts’;
console.log(blablabla)
Посмотри что модуль вообще экпортирует
risenforces 2022-06-25 19:29:49
malSolt99 2022-06-25 19:19:35
да, из-за кринж авы не сразу его узнал
Теперь лучше?
capfsb 2022-06-25 19:29:52
Sp11it 2022-06-25 19:09:21
столкнулся с проблемой что media запрос написанный в scss файле отдельного компонента не корректно срабатывает
например следующие стили применяются на экране до 1485
В чем может быть проблема?
Сфотай все стили, всю боковую панель
malSolt99 2022-06-25 19:29:57
risenforces 2022-06-25 19:29:49
Теперь лучше?
топчик
oxios 2022-06-25 19:30:12
capfsb 2022-06-25 19:29:28
Ну сделай
import * as blablabla from ‘features/Layouts’;
console.log(blablabla)
Посмотри что модуль вообще экпортирует
На втором скрине)
Самое последнее предложение
capfsb 2022-06-25 19:31:07
oxios 2022-06-25 19:30:12
На втором скрине)
Самое последнее предложение
import {Aside} from ‘features/Layouts’;
console.log(Aside)
Что будет в логе? undefined?
oxios 2022-06-25 19:31:24
capfsb 2022-06-25 19:31:07
import {Aside} from ‘features/Layouts’;
console.log(Aside)
Что будет в логе? undefined?
Ошибка будет говорю же)
oxios 2022-06-25 19:31:58
Я то же ждал хотя бы undefined..)
Sp11it 2022-06-25 19:33:21
capfsb 2022-06-25 19:29:52
Сфотай все стили, всю боковую панель
capfsb 2022-06-25 19:34:22
Sp11it 2022-06-25 19:33:21
Там у тебя написано, max-width:1650 ; этот стиль применится от 0 до 1650 пикселей, надо наверное min-width тебе?
keijnn 2022-06-25 19:34:25
Sp11it 2022-06-25 19:33:21
попробуй на 100vw свапнуть
Sp11it 2022-06-25 19:34:57
capfsb 2022-06-25 19:34:22
Там у тебя написано, max-width:1650 ; этот стиль применится от 0 до 1650 пикселей, надо наверное min-width тебе?
но у меня срабатывает до 1485
capfsb 2022-06-25 19:34:59
oxios 2022-06-25 19:31:24
Ошибка будет говорю же)
А стек у этой ошибки есть?
capfsb 2022-06-25 19:35:22
Sp11it 2022-06-25 19:34:57
но у меня срабатывает до 1485
Ну само собой, потому что стиль этот будет срабатывать от 0 до 1650 пикселей
spooneer 2022-06-25 19:35:24
chr04iri 2022-06-25 19:05:09
Fetch? Ajax? Async/await? Axios? CreateAsyncThunk?
Благодарю
oxios 2022-06-25 19:35:40
capfsb 2022-06-25 19:34:59
А стек у этой ошибки есть?
Да, он ведет до места где используется
export const StyledAside = styled(Aside)`
width: 300px;
`;
Sp11it 2022-06-25 19:36:18
capfsb 2022-06-25 19:35:22
Ну само собой, потому что стиль этот будет срабатывать от 0 до 1650 пикселей
а почему тогда срабатывает от 0 до 1485 если написано 1650
capfsb 2022-06-25 19:36:41
oxios 2022-06-25 19:35:40
Да, он ведет до места где используется
export const StyledAside = styled(Aside)`
width: 300px;
`;
ну хоршо, убери это строку и воткни там console.log(Aside), в нем будет undefined?
capfsb 2022-06-25 19:37:33
Sp11it 2022-06-25 19:36:18
а почему тогда срабатывает от 0 до 1485 если написано 1650
Потому что у тебя не задан нижний предел, если тебе надо чтобы работало не от 0 до 1650
Напиши
screen and (min-width:1500) and (max-width:1600) — это пример от 1500 до 1600
oxios 2022-06-25 19:39:30
capfsb 2022-06-25 19:36:41
ну хоршо, убери это строку и воткни там console.log(Aside), в нем будет undefined?
oxios 2022-06-25 19:39:30
capfsb 2022-06-25 19:36:41
ну хоршо, убери это строку и воткни там console.log(Aside), в нем будет undefined?
Sp11it 2022-06-25 19:42:44
capfsb 2022-06-25 19:37:33
Потому что у тебя не задан нижний предел, если тебе надо чтобы работало не от 0 до 1650
Напиши
screen and (min-width:1500) and (max-width:1600) — это пример от 1500 до 1600
теперь это срабатывает на 1350 — 1440
capfsb 2022-06-25 19:43:13
Sp11it 2022-06-25 19:42:44
теперь это срабатывает на 1350 — 1440
Какое это?
Sp11it 2022-06-25 19:43:26
capfsb 2022-06-25 19:37:33
Потому что у тебя не задан нижний предел, если тебе надо чтобы работало не от 0 до 1650
Напиши
screen and (min-width:1500) and (max-width:1600) — это пример от 1500 до 1600
вот это
keijnn 2022-06-25 19:43:41
Sp11it 2022-06-25 19:42:44
теперь это срабатывает на 1350 — 1440
тогда к 1650 добавь 170
keijnn 2022-06-25 19:43:52
чтобы компенсировать
Sp11it 2022-06-25 19:44:17
keijnn 2022-06-25 19:43:41
тогда к 1650 добавь 170
ну я смотрю ты умеешь костыли писать
capfsb 2022-06-25 19:44:37
Sp11it 2022-06-25 19:42:44
теперь это срабатывает на 1350 — 1440
Может быть у тебя масштабирование в барузере где-то включено?
Sp11it 2022-06-25 19:44:59
capfsb 2022-06-25 19:44:37
Может быть у тебя масштабирование в барузере где-то включено?
Sp11it 2022-06-25 19:45:38
capfsb 2022-06-25 19:44:37
Может быть у тебя масштабирование в барузере где-то включено?
чел ты гений
Sp11it 2022-06-25 19:46:25
несколько часов с этим бился а у меня масштаб браузера стоял на 80%
Lolman7757 2022-06-25 19:48:47
можно ли передать компонент через обьект,который потом return
типа
`
let object = {
component: <Item/>
}
return( object.component )
`
THIS_IS_YOUR_NICKNAME 2022-06-25 19:49:34
Lolman7757 2022-06-25 19:48:47
можно ли передать компонент через обьект,который потом return
типа
`
let object = {
component: <Item/>
}
return( object.component )
`
Типа да, но что какой компонент как покажи как хочешь
Lolman7757 2022-06-25 19:50:19
THIS_IS_YOUR_NICKNAME 2022-06-25 19:49:34
Типа да, но что какой компонент как покажи как хочешь
примел сделал
THIS_IS_YOUR_NICKNAME 2022-06-25 19:50:54
Lolman7757 2022-06-25 19:48:47
можно ли передать компонент через обьект,который потом return
типа
`
let object = {
component: <Item/>
}
return( object.component )
`
1) Это не компонент, а элемент
2) return <div>{variable}</div>
capfsb 2022-06-25 19:51:24
oxios 2022-06-25 19:39:30
А у тебя там случайно нет циклической зависимости?
ну что-то типо
index.tsx -> styled.ts -> index.tsx?
Lolman7757 2022-06-25 19:52:22
THIS_IS_YOUR_NICKNAME 2022-06-25 19:50:54
1) Это не компонент, а элемент
2) return <div>{variable}</div>
return (<>{object.component}</>)?
THIS_IS_YOUR_NICKNAME 2022-06-25 19:52:33
Lolman7757 2022-06-25 19:52:22
return (<>{object.component}</>)?
Yup
Lolman7757 2022-06-25 19:52:44
thnks
capfsb 2022-06-25 19:53:40
Lolman7757 2022-06-25 19:52:22
return (<>{object.component}</>)?
А почему просто не return object.component, зачем фрагмент?
kirillmohno185 2022-06-25 19:54:24
THIS_IS_YOUR_NICKNAME 2022-06-25 19:52:33
Yup
Тут один компонент, можно без фрагмента
Lolman7757 2022-06-25 19:54:36
а ну да в принципе
oxios 2022-06-25 19:54:40
capfsb 2022-06-25 19:51:24
А у тебя там случайно нет циклической зависимости?
ну что-то типо
index.tsx -> styled.ts -> index.tsx?
Ну как сказать. Вроде нет.
И лейаут и асайд реэкспортируются из index.tsx
А уже в лейауте(styles.ts) имотрируется асайд
kirillmohno185 2022-06-25 19:55:38
oxios 2022-06-25 19:54:40
Ну как сказать. Вроде нет.
И лейаут и асайд реэкспортируются из index.tsx
А уже в лейауте(styles.ts) имотрируется асайд
Это vscode? Нет плагина который бы следил за этим (всяко лучше чем самому по файлам бегать)
oxios 2022-06-25 19:56:05
kirillmohno185 2022-06-25 19:55:38
Это vscode? Нет плагина который бы следил за этим (всяко лучше чем самому по файлам бегать)
Это vs code
capfsb 2022-06-25 19:56:28
oxios 2022-06-25 19:54:40
Ну как сказать. Вроде нет.
И лейаут и асайд реэкспортируются из index.tsx
А уже в лейауте(styles.ts) имотрируется асайд
styles.ts ты как импортируешь, покажи
capfsb 2022-06-25 19:56:52
oxios 2022-06-25 19:54:40
Ну как сказать. Вроде нет.
И лейаут и асайд реэкспортируются из index.tsx
А уже в лейауте(styles.ts) имотрируется асайд
И где
← пред | след →