Size: a a a

Love Frontend Chat

2020 May 01

JT

John Travolta in Love Frontend Chat
Ilshat Gayanov
~@/ пробуй
это где?
источник

IG

Ilshat Gayanov in Love Frontend Chat
замени
./pic.jpg

на
~@/pic.jpg
источник

JT

John Travolta in Love Frontend Chat
Artur
без картинки собирается?
да
источник

JT

John Travolta in Love Frontend Chat
Ilshat Gayanov
замени
./pic.jpg

на
~@/pic.jpg
Error: Cannot find module '~@/pic.jpg'
источник

JT

John Travolta in Love Frontend Chat
не пашет
источник

IG

Ilshat Gayanov in Love Frontend Chat
странно
источник

JT

John Travolta in Love Frontend Chat
с доков тупо все копипастил, та же ошибка, вообще нет идей, в нете не нашел, дерьмо
источник

A

Artur in Love Frontend Chat
John Travolta
Подскажите по реакту и вебпаку, час ебусь, не знаю как исправить
Гружу картинку в компонент таким образом
import picture from './pic.jpg';
...
<img src={picture} alt="img" />


В Package.json у меня есть
"file-loader": "^6.0.0",

В webpack.config.js в rules
{
   test: /\.(png|jpg|jpeg|gif|webp)$/,
   use: {
       loader: 'file-loader',
       options: {
           name: isDev ? '[name]-[hash].[ext]' : '[hash].[ext]'
       }
   }
}


В итоге ошибка:
Module parse failed: Unexpected character '�' (1:0)
You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file


Как исправить? Все же вроде правильно
а какая версия вебпака?
источник

JT

John Travolta in Love Frontend Chat
Artur
а какая версия вебпака?
webpack@4.42.1
источник

JT

John Travolta in Love Frontend Chat
че за дичь, нихуя не делал, заработало
источник

E

Eugene in Love Frontend Chat
It's a magic!
источник

JT

John Travolta in Love Frontend Chat
после того, как версию вебпака глянул, заработало)
источник

JT

John Travolta in Love Frontend Chat
нетривиальное решение 👍
источник

IG

Ilshat Gayanov in Love Frontend Chat
иногда очистка кэша нпм помогает
источник

IG

Ilshat Gayanov in Love Frontend Chat
я один раз прогорел с версиями и очистил кэш и все пошло
источник

JT

John Travolta in Love Frontend Chat
запустил npm list webpack
источник

JT

John Travolta in Love Frontend Chat
буду знать, спс
источник

A

Artur in Love Frontend Chat
John Travolta
че за дичь, нихуя не делал, заработало
Лол
источник

JT

John Travolta in Love Frontend Chat
а такой вопрос, вменяемого ответа в гугле не нашел
Вот мне не хочется постоянно писать import from ../../../pic.jpg и т.п.
Я хочу глобально положить в переменную imagesPath абсолютный путь к 'public/images/' и потом внутри компонентов конкатенировать что-то вроде import picture from {imagesPath + 'pic.js'}
Но ничего не вышло, советуют еще в process.env тулить
В общем, хотел у вас спросить как вы делаете?
источник

E

Eugene in Love Frontend Chat
Оу, я помню что для такого я использовал алиас вэбпака, в который добавлял root path и потом в компонентах вызвал его то ли через ~ или через @
Может завтра кто-то более конкретный ответ даст )
источник