Size: a a a

2020 September 02

К

Константин in Svelte [svelt]
ERROR in ./src/assets/styles/style.css (./node_modules/mini-css-extract-plugin/dist/loader.js!./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/src!./src/assets/styles/style.css)
Module build failed (from ./node_modules/mini-css-extract-plugin/dist/loader.js):
ModuleNotFoundError: Module not found: Error: Can't resolve '../fonts/glyphicons-halflings-regular.eot' in 'path-to-my-project\src\assets\styles'

Помогите, плз, решить проблему с импортами стилей.
Импорчу из assets\styles\style.css, у него внутри такие вот ссылки:

@font-face {
 font-family: 'Glyphicons Halflings';
 src: url('../fonts/glyphicons-halflings-regular.eot');

т.е. это по сути assets/fonts. Но при сборке вылетает ошибка выше.
источник

AP

Alexander Ponomarev in Svelte [svelt]
Кирилл Спасибович
  let stopLoading = false;

 function load() {
   fetch('/api/endpoint/')
     .then(res => res.json())
     .then(json => {
       somedata = json;
       if(!stopLoading)
         setTimeout(load, 2000);
     });
 }

 onMount(load);
ну тут еще скорее всего в самом load первой строчкой нужно проверить что не остановили лоадинг, еще почистить таймаут на анмаунте =)
источник

КС

Кирилл Спасибович... in Svelte [svelt]
Alexander Ponomarev
ну тут еще скорее всего в самом load первой строчкой нужно проверить что не остановили лоадинг, еще почистить таймаут на анмаунте =)
хорошие замечания :)
источник

К

Константин in Svelte [svelt]
юзаю вебпак
источник

AP

Alexander Ponomarev in Svelte [svelt]
какой путь у шрифта?
источник

К

Константин in Svelte [svelt]
Alexander Ponomarev
какой путь у шрифта?
вместо ../ assets
источник

К

Константин in Svelte [svelt]
assets/fonts и тд
источник

К

Константин in Svelte [svelt]
на уровень выше styles
источник

КС

Кирилл Спасибович... in Svelte [svelt]
@resident7

так пожалуй полноценнее

let stopLoading = false;
let timeout = null;

function load() {
 if(stopLoading) return;

 fetch('/api/endpoint/')
   .then(res => res.json())
   .then(json => {
     somedata = json;
     timeout = setTimeout(load, 2000);
   })
   .catch(err => {
     alert(err);
     load();
   });

 return () => clearInterval(timeout);
}

onMount(load);
источник

AP

Alexander Ponomarev in Svelte [svelt]
Кирилл Спасибович
@resident7

так пожалуй полноценнее

let stopLoading = false;
let timeout = null;

function load() {
 if(stopLoading) return;

 fetch('/api/endpoint/')
   .then(res => res.json())
   .then(json => {
     somedata = json;
     timeout = setTimeout(load, 2000);
   })
   .catch(err => {
     alert(err);
     load();
   });

 return () => clearInterval(timeout);
}

onMount(load);
clearTimeout =((
источник

КС

Кирилл Спасибович... in Svelte [svelt]
Alexander Ponomarev
clearTimeout =((
ты ничего не видел 🤫
источник

AP

Alexander Ponomarev in Svelte [svelt]
там еще дальше обработка ошибок =)
источник

КС

Кирилл Спасибович... in Svelte [svelt]
точна :)
источник

КС

Кирилл Спасибович... in Svelte [svelt]
Alexander Ponomarev
там еще дальше обработка ошибок =)
в продакшен :)
источник

КС

Кирилл Спасибович... in Svelte [svelt]
даже наверное с лоадом без таймаута на ошибке, ибо и так походу ждали чего-то
источник

К

Константин in Svelte [svelt]
      {
       // Styles
       test: /\.(sa|sc|c)ss$/,
       exclude: /node_modules/,
       include: /src/,
       use: [
         "style-loader",
         MiniCssExtractPlugin.loader,
         "css-loader",
         "postcss-loader",
         //'sass-loader',
       ],
     },
источник

КС

Кирилл Спасибович... in Svelte [svelt]
Alexander Ponomarev
там еще дальше обработка ошибок =)
а как кодеры здорового человека реализуют пулинг ?
источник

К

Константин in Svelte [svelt]
это конфиг с лоадерами стилей
источник

КС

Кирилл Спасибович... in Svelte [svelt]
может через тернарку стуле лоадер на мини экстракт плагин при проде / деве ?
источник

КС

Кирилл Спасибович... in Svelte [svelt]
как это ваще работать то должно, или работает ?
источник