Illegal constructor вайлдберриз ошибка

export default class SomeCustomElement extends HTMLElement {
    constructor(templateId) {
        super();
        this.insertTemplateInstance(templateId);
    }
    ...
}

window.addEventListener("WebComponentsReady", function () {
    customElements.define(elementName, SomeCustomElement);
});

2 ответа

Лучший ответ

class SomeCustomElement extends HTMLElement
{
  constructor()
  {
    console.log( 'created' )
    super()
  }

  connectedCallback() {
    console.log( 'connected' )
    this.innerHTML = "Hello"
  }
}

customElements.define( 'c-e', SomeCustomElement ) 

<script src=https://rawgit.com/webcomponents/webcomponentsjs/master/webcomponents-lite.js></script>

<c-e></c-e>

<link rel="import" href="my-element.html">

<script>
;(function() {
  var str = '';
  // You could make this more fine-grained if desired by doing
  // more feature detection and loading the minimal polyfill file 
  if (!window.customElements) str += '<script src="./node_modules/@webcomponents/webcomponentsjs/webcomponents-lite.js"></script>';
  str += '<script src="./elements.js"></script>';
  document.write(str);
})();
</script>
<foo-bar></foo-bar>

class FooBar extends HTMLElement {
  constructor () {
    console.log("constructing");
    super();
  }

  connectedCallback () {
    console.log("connecting");
  }

  disconnectedCallback () {
    console.log("disconnecting");
  }
};
// Note that because of the synchronous loading we don't
// need to listen for the event
customElements.define('foo-bar', FooBar);

I created a library of about 25 custom Web Components using LitElement + WebPack. The library contains components (e.g. context menus component) and views (e.g. custom table which also uses the context menu component).

So far, all components and codes were in one javascript file. To make the package more modular, I created a second entry point. Now all ui-components have their dependency graph as well as the special matrix table view.

entry: {
  'ui-components': './src/index.js',
  'view-matrix': './src/view-matrix.js'
},

In WebPack (v4) I’m using splitChunks Optimization:

optimization: {
    splitChunks: {
        chunks: 'all',
    },
}

If I now want to instantiate a ui component (defined and imported in /src/index.js) in view-matrix.js, I’m getting the following error.

1) Instantiation (view-matrix.js:31)

import {MwNavigationContextmenu} from "./components/navigations/mw-navigation-contextmenu";
    
let contextMenu = new MwNavigationContextmenu();

2) Error Message

TypeError: Illegal constructor (view-matrix.js:31)

👉 Instantiating the same line of code in index.js works perfectly fine.

👉 I made sure, MwNavigationContextmenu was defined as a custom web component before:

window.customElements.define('mw-navigation-contextmenu', MwNavigationContextmenu);

3) MwNavigationContextmenu definition

./components/navigations/mw-navigation-contextmenu

import { MwNavigationContextmenu } from './src/MwNavigationContextmenu.js';

window.customElements.define('mw-navigation-contextmenu', MwNavigationContextmenu);

./src/MwNavigationContextmenu.js

import {html, LitElement} from 'lit-element';

export class MwNavigationContextmenu extends LitElement {
  static get properties() {
    return {
      // defined props
      // hasbutton: {type:Boolean},
    };
  }

  constructor() {
    super();
    // property defaults following
    // this.hasbutton = true;
  }

  render() {
    return html`
      Render context menu…
    `;
  }
}

So there problem is kind of that MwNavigationContextmenu was defined in index.js and view-matrix.js can’t instantiate classes then for whatever reason.

I created a library of about 25 custom Web Components using LitElement + WebPack. The library contains components (e.g. context menus component) and views (e.g. custom table which also uses the context menu component).

So far, all components and codes were in one javascript file. To make the package more modular, I created a second entry point. Now all ui-components have their dependency graph as well as the special matrix table view.

entry: {
  'ui-components': './src/index.js',
  'view-matrix': './src/view-matrix.js'
},

In WebPack (v4) I’m using splitChunks Optimization:

optimization: {
    splitChunks: {
        chunks: 'all',
    },
}

If I now want to instantiate a ui component (defined and imported in /src/index.js) in view-matrix.js, I’m getting the following error.

1) Instantiation (view-matrix.js:31)

import {MwNavigationContextmenu} from "./components/navigations/mw-navigation-contextmenu";
    
let contextMenu = new MwNavigationContextmenu();

2) Error Message

TypeError: Illegal constructor (view-matrix.js:31)

👉 Instantiating the same line of code in index.js works perfectly fine.

👉 I made sure, MwNavigationContextmenu was defined as a custom web component before:

window.customElements.define('mw-navigation-contextmenu', MwNavigationContextmenu);

3) MwNavigationContextmenu definition

./components/navigations/mw-navigation-contextmenu

import { MwNavigationContextmenu } from './src/MwNavigationContextmenu.js';

window.customElements.define('mw-navigation-contextmenu', MwNavigationContextmenu);

./src/MwNavigationContextmenu.js

import {html, LitElement} from 'lit-element';

export class MwNavigationContextmenu extends LitElement {
  static get properties() {
    return {
      // defined props
      // hasbutton: {type:Boolean},
    };
  }

  constructor() {
    super();
    // property defaults following
    // this.hasbutton = true;
  }

  render() {
    return html`
      Render context menu…
    `;
  }
}

So there problem is kind of that MwNavigationContextmenu was defined in index.js and view-matrix.js can’t instantiate classes then for whatever reason.

First of all I would like that say that I don’t really know how I can explain what I did on order to get the error mentioned in the title (uncaught TypeError: Illegal constructor). I am using gulpfile in order to compile my Ecmascript 6 to plain Javascript. My gulpfile looks like this:

var gulp = require('gulp');
var concat = require('gulp-concat');
var babel = require('gulp-babel');

gulp.task('compile', function () {
    return gulp.src(['resources/assets/js/*.js', 'resources/assets/js/components/*.js'])
        .pipe(babel({
                presets: ['es2015']
        }).on('error', logError))
        .pipe(concat('bundle.js'))
        .pipe(gulp.dest('public/js'));
});

gulp.task('watch', function () {
   gulp.watch('resources/assets/js/**/*', ['compile']);
})

gulp.task('default', ['watch']);

function logError(err) {
    console.log(err);
}

I have a filesystem where all files are concatenated to one file (bundle.js), after being compiled with Babel.

In the browsers console (either Chrome or Firefox), the error appears and it is located in the next line:

var _this = _possibleConstructorReturn(this, (Dropdown.__proto__ || Object.getPrototypeOf(Dropdown)).call(this, element));

This is the non-compiled code of this:

class Dropdown extends Node {

    constructor(element) {
        super(element);

        this.registerEvents(['click', 'change', 'blur']);
    }

    onClick() {
        this.$element.addClass('clicked');
    }
}

And this is the compiled code of the same class:

var Dropdown = function (_Node) {
    _inherits(Dropdown, _Node);

    function Dropdown(element) {
        _classCallCheck(this, Dropdown);

        var _this = _possibleConstructorReturn(this, (Dropdown.__proto__ || Object.getPrototypeOf(Dropdown)).call(this, element));

        _this.registerEvents(['click', 'change', 'blur']);

        return _this;
    }

    _createClass(Dropdown, [{
        key: 'onClick',
        value: function onClick() {
            this.$element.addClass('clicked');
        }
    }]);

    return Dropdown;
}(Node);

I am not using export default Dropdown because I am not importing modules in other modules (this is not needed because every file is converted to one file, where everything is accessible).

I did some research and the only reason why peoeple got this error was because there was a capital letter where none was allowed. I didn’t find anything else about the cause of this error. Does someone have an idea why I get this error? And does someone have a solution?

Время чтения статьи ⏳ 3 мин.

О раскрученности маркетплейса Wildberries известно многим, и люди часто совершают в нём покупки. Площадка имеет огромный выбор товаров в разных категориях по вполне демократичным ценам, пункты выдачи есть во многих городах РФ, почти постоянно предлагаются акции, скидки и т. п. Однако не всегда и не все так замечательно с данным интернет-магазином, как может показаться на первый взгляд. Достаточно почитать реальные отзывы клиентов и многое становится понятно. Одна из актуальных проблем, с которой столкнулись пользователи – не получается зайти в личный кабинет на Вайлдберриз. В статье попытаемся разобраться в причинах такой ситуации и как из неё найти выход.

Что происходит на Вайлдберриз сегодня

Судя по многочисленным комментам пользователей в паблике WB, 9.08.21 с маркетплейсом возникли очередные проблемы. Люди жалуются на то, что не могут зайти в личный кабинет Вайлдберриз ни через приложение с телефона, ни с компьютера, происходит самопроизвольный выход из профиля, а почему, непонятно. Ситуация осложняется тем, что пользователи не могут получить свои заказы, посмотреть, где они находятся, потому что система выдает ошибку сервера при вводе номера.

Некоторые пишут, что проблема возникла после обновления приложения, после чего предлагается прислать код для входа, и происходит сброс. Однако комментарии также указывают, что даже без обновления утилиты проблема имеет место быть: войти невозможно, все висит. Также есть пользователи, которые столкнулись с ошибкой непосредственно в пункте выдачи товаров.

Есть клиенты, у которых при попытке зайти на страницу после ввода телефонного номера выдает «Unexpected token < in JSON at position 0», что говорит о техническом сбое. Также есть и такие ошибки, как на фото.

Пользователи возмущаются, что номер горячей линии вообще отключили. Таким образом, сотрудники показывают, как они относятся к своим клиентам. От администрации нет никаких разъяснений, почему ни у кого не получается зайти на Вайлдберриз, что также не может не вызывать вопросов. Когда же исчерпывается лимит попыток получения кода, пишет, что нужно подождать 700 минут.

Таким образом, пользователь не по своей вине получает бан за неоднократные попытки входа. Не остается ничего другого, кроме как ждать, только непонятно чего и сколько. Стоит учесть, что возможность зайти в аккаунт Вайлдберриз по паролю, так же как и через почту, была убрана полностью уже давно. Как заявили сотрудники сервиса, это было сделано в целях безопасности клиентов.

Что делать, если не приходит код подтверждения

Сегодня зайти на Вайлдберриз можно только по номеру телефона, поскольку к нему привязан аккаунт, а без номера войти не получится. Если к мобильному нет доступа либо с сим-картой возникли какие-либо проблемы, придется восстанавливать доступ через обращение в службу поддержки.

Если код подтверждения не приходит, можно выполнить следующие шаги:

Суть статьи такова, что приложение и сайт зависли из-за технических сбоев. Служба поддержки, как и в большинстве других случаев, не отвечает или даёт стандартные отписки. Пользователи переписываются между собой в паблике, но проблема от этого не решается. У некоторых получается дозваниваться на горячую линию, где им просто сбрасывают 700 минут, после чего удается зайти в аккаунт. Пока проблема не разрешилась и точные сроки устранения ошибки неизвестны.

В интернете полно статей формата «как надо» и почти нет историй неудач. Не каждый предприниматель готов признать ошибки и вынести их на всеобщее обозрение. Между тем именно неудачи дают бесценный опыт и позволяют не повторять чужих ошибок.

Решили исправить положение и написали обзор 25 ошибок продавцов на «Вайлдберриз», чтобы вы не наступили на те же грабли.

Ошибка №1: продавать товар без тестирования гипотезы

Взять первый попавшийся удобный продукт и выйти с ним на WB будет ошибкой. Может оказаться, что он никому не нужен. Поэтому лучше проанализировать спрос, объем рынка и предложения конкурентов при помощи одного из сервисов аналитики.

Ошибка №2: заходить в перегретые ниши

К ним можно отнести одежду и обувь, женские сумки, аксессуары и многое другое. Здесь высокая конкуренция со стороны самого маркетплейса и селлеров с серьезными инвестициями, которые могут демпинговать. Если и предлагать покупателям одежду, то такую, которую никто больше не продает.

Ошибка №3: допускать out of stock

Так на маркетплейсе называется отсутствие товара на складах при активной карточке. В таком случае алгоритмы «Вайлдберриз» пессимизируют карточку и понижают рейтинг продавца. Следите за аналитикой в личном кабинете и своевременно делайте поставки.

Карточки «Нет в наличии» тянут рейтинг продавца вниз

Ошибка №4: неправильно выбирать организационно-правовую форму

Если вам кто-то сказал, что предпринимателям обязательно регистрировать ИП или ООО, то вас обманули. Например, при продаже товара собственного производства вполне хватит статуса самозанятого. 

Ошибка №5: делать некачественные фото товара

Фото — Альфа и Омега карточки товара. Если уж изделие нельзя потрогать руками, нужно дать покупателю возможность рассмотреть его во всех деталях. Мы писали об этом в статье про оформление карточки товара.

Сразу и не поймешь, что вообще продает эта карточка: кофту, юбку или сумку

Ошибка №6: делать скудное описание товара

В описании надо указать все характеристики изделия. Если продаете одежду, напишите про цвет, размер, состав ткани, коллекцию, сезонность, пол, завод-изготовитель и так далее. Если при создании карточки вы видите поле, не помеченное звездочкой, это не значит, что его можно не заполнять. И еще: описание, как и название, должны быть SEO-оптимизированными. 

Ошибка №7: мертвые карточки товара

В основном на эту удочку попадаются продавцы с широким ассортиментом. Карточка есть, но про нее давно забыли, а сам товар сто лет как закончился и его никогда больше не будет. Такие карточки тянут рейтинг продавца вниз, поэтому регулярно проверяйте аккаунт на предмет мертвых карточек.

Ошибка №8: маленькие ассортимент и количество товара

Особенно при первой поставке. Алгоритм WB устроен так, что продвигает вверх тех продавцов, которые держат на складе много товара широкого ассортимента. Их карточки всегда в приоритете. Понятно, что для этого нужны серьезные инвестиции, которые есть не у всех. Но заходить на маркетплейс менее, чем с 5-10 артикулами бессмысленно.

Ошибка №9: отсутствие новинок 

А еще алгоритм «Вайлдберриз» любит, когда ассортимент постоянно пополняется новыми позициями. Продавцы тоже выигрывают от этого: во-первых, растет рейтинг, во-вторых, такие товары могут попасть в раздел «Новинки» и залететь в топ. 

Эти карточки помечены как новинка — они отлично ранжируются

Ошибка №10: поставки не на тот склад

У маркетплейса больше десятка складов и постоянно открываются новые. Но это не значит, что можно делать поставку на любой удобный, который поближе. Некоторые склады (например, в Хабаровске) обслуживают только свою зону. Другие (Подольск) — всю Россию. Если товара не будет на приоритетном складе, карточка пессимизируется. Иногда лучше отправить партию на центральный склад: это дороже, зато продажи обеспечены.

Ошибка №11: продавать товар дешевле 300 рублей

Давайте считать: допустим, товар стоит на маркетплейсе 200 рублей. 19 процентов нужно заплатить маркетплейсу за размещение, минимум 20 процентов «съест» логистика WB и покатушки (так селлеры называют поездки за товаром и по складам), еще минимум 6 процентов — налоги. Упаковка, обработка возвратов и штрафы WB — еще процентов 10. Прибавьте сюда получение сертификатов, деклараций или отказных писем и получится, что нам останется рублей 100. Даже если закупочная цена была 20 рублей, то сомневаемся, что 80 рублей прибыли это то, о чем вы мечтали.

Ошибка №12: продавать товар без документов 

Пока все хорошо, сертификаты и декларации никто не спросит. Но если клиент напишет претензию в администрацию маркетплейса или проверяющие органы, то при проверке попросят весь пакет бумаг на товар. И если их не будет, хлопот не оберетесь. 

Ошибка №13: продавать хайповые товары

Есть те, кто сделал миллионы на спиннерах, гироскутерах и дрругих товарах с бешеным когда-то спросом. Но куда больше тех, кто остался с целыми складами поп-итов, которые никому не нужны. Тренды на такой продукт сильно ограничены во времени и попасть на пик продаж очень сложно. Не уверены в своем чутье — лучше не пробовать.

Продавец должен делать огромные скидки, чтобы хоть как-то распродать товар

Ошибка №14: продавать такой же товар, что и сам Wildberries

WB продает не только товары партнеров, но и свой собственный. Конкурировать с ним на этом поприще нереально. Карточки маркетплейса априори будут в топе, даже если у вас более выгодное предложение.

Ошибка №15: не участвовать в маркетинговых активностях маркетплейса

«Вайлдберриз» предлагает партнерам платное продвижение. Инструментов довольно много: от платной рекламы до участия в акциях. Советуем периодически участвовать. А по-другому и не выйдет: в противном случае товары могут упасть в хвост поисковой выдачи.  

Ошибка №16: доверять аналитике в личном кабинете

Не всей, конечно, а в части прогноза продаж. Опытные селлеры говорят, что она не имеет ничего общего с реальностью. Так что если в личном кабинете написано, что товар будет продаваться по 2 штуки в сутки, скорее всего, это не так. Лучше пользоваться сервисами аналитики и анализировать продажи. 

Ошибка №17: не работать с отзывами

Отзывы работают по всем фронтам: они влияют на ранжирование карточки, спрос на товар, рейтинг продавца и так далее. Поэтому мотивируйте покупателей оставлять положительные отзывы и своевременно отрабатывайте негатив. Не так страшен плохой отзыв, как плохой отзыв без реакции продавца.

Рейтинг товара на основе отзывов

Ошибка №18: не учитывать кассовый разрыв

Маркетплейс делает выплаты через 14 дней после публикации финансового отчета (он появляется в личном кабинете еженедельно). Если вы продали весь товар, то деньги поступят только через 2-3 недели. Нужно рассчитать оборотные средства таким образом, чтобы в этот период было на что купить новую партию. 

Ошибка №19: выбрать неподходящую форму доставки

Основной формат работы с WB — фулфилмент маркетплейса с доставкой и упаковкой силами площадки. Но он подойдет не всем: товары с низкой оборачиваемостью, которые редко покупают, лучше продавать с собственного склада. Иначе придется оплачивать длительное хранение на складе, а это недешево. 

Ошибка №20: делать несвоевременные поставки

Это касается сезонных товаров, товаров к праздникам (Новый Год, 8 Марта, 23 Февраля и так далее). Поставки надо делать заранее, чтобы попасть на пик спроса. Привезете новогодние ели к середине декабря они никому не будут нужны. К тому же перед праздниками на складах столпотворение и трудно сдать груз.

Ошибка №21: продавать намного дешевле или дороже,чем конкуренты

Низкая цена выглядит подозрительно (вдруг подделка!), а высокая просто отталкивает: переплачивать никто не хочет. Поэтому заниматься ценообразованием нужно грамотно: анализировать конкурентов, использовать сервисы аналитики, тестировать варианты. И не стоит демпинговать: на это нужно слишком много ресурсов, а отдачи может и не быть.

Ошибка №22: продавать свитеры с оленями на Новый Год

Свитеры — как пример, собирательный образ. Одна из главных напастей продавцов на WB и других маркетплейсах — мошенничество, когда дорогую одежду берут только для того, чтобы устроить фотосессию (а то и сходить на корпоратив) и вернуть в магазин. Лучше упустить часть прибыли, чем возиться с возвратами и получать на склад б/у товар. К сожалению, сотрудники ПВЗ не всегда тщательно проверяют возвраты на предмет сохранности товарного вида и следов использования. 

Ленты соцсетей под Новый Год забиты фотосессиями в таких свитерах. Зачем покупать, если можно взять в магазине, а потом вернуть?

Ошибка №23: продавать низкомаржинальный товар

Мы касались этого вопроса выше, когда рекомендовали не связываться с товарами до 300 рублей. Товары с наценкой 5-10 % продавать невыгодно: всю прибыль съедят комиссии. Оптимальная величина торговой наценки, при которой можно выйти в плюс — около 100 %. 

Ошибка №24: продавать дорогие товары

Имеется в виду брендовая одежда и обувь, аксессуары и так далее. Во-первых, это может стать объектом мошенничества (см. выше). Во-вторых, их плохо берут. Средний чек на WB — всего 1350 рублей, это подтверждают исследования агентства Data Insight. Поэтому самый ходовой товар в ценовой вилке — от тысячи до двух тысяч рублей.