web-dev-qa-db-fra.com

méthode 'assign' non prise en charge dans IE, que faire

J'ai un petit script/javascript, Babel, qui fonctionne très bien dans Chrome et les navigateurs Firefox, mais il échoue dans Internet Explorer 11.

J'espère que quelqu'un peut m'aider.

Voici ma fonction:

getDaysWithEvents() {
    // Get all the days in this months calendar view
    // Sibling Months included
    const days = this.getCalendarDays();

    // Set Range Limits on calendar
    this.calendar.setStartDate(days[0]);
    this.calendar.setEndDate(days[days.length - 1]);

    // Iterate over each of the supplied events
    this.props.events.forEach((eventItem) => {

        const eventStart = this.getCalendarDayObject(eventItem.start);
        const eventEnd = this.getCalendarDayObject(eventItem.end);
        const eventMeta = this.getEventMeta(days, eventStart, eventEnd);

        if (eventMeta.isVisibleInView) {
            const eventLength = eventMeta.visibleEventLength;
            const eventSlotIndex = days[eventMeta.firstVisibleDayIndex].eventSlots.indexOf(false);
            let dayIndex = 0;

            // For each day in the event
            while (dayIndex < eventLength) {
                // Clone the event object so we acn add day specfic data
                const eventData = Object.assign({}, eventItem);

                if (dayIndex === 0) {
                     // Flag first day of event
                    eventData.isFirstDay = true;
                }

                if (dayIndex === eventLength - 1) {
                    // Flag last day of event
                    eventData.isLastDay = true;
                }

                if (!eventData.isFirstDay || !eventData.isLastDay) {
                    // Flag between day of event
                    eventData.isBetweenDay = true;
                }

                // Apply Event Data to the correct slot for that day

                days[eventMeta.firstVisibleDayIndex + dayIndex].eventSlots[eventSlotIndex] = eventData;

                // Move to next day of event
                dayIndex++;
            }
        }
    });

    return days;
}

Erreur:

SCRIPT438: The object does not support the property or method 'assign'

Cette ligne contient Erreur: var eventData = Object.assign({}, eventItem);

Puis-je réécrire cette ligne ..?

Comment le réparer ?

javascriptjqueryinternet-explorerbabeljsbabel
11
Kim Hansen

IE ne prend pas en charge Object.assign ()

Utilisez polyfil

    if (typeof Object.assign != 'function') {
  Object.assign = function(target, varArgs) { // .length of function is 2
    'use strict';
    if (target == null) { // TypeError if undefined or null
      throw new TypeError('Cannot convert undefined or null to object');
    }

    var to = Object(target);

    for (var index = 1; index < arguments.length; index++) {
      var nextSource = arguments[index];

      if (nextSource != null) { // Skip over if undefined or null
        for (var nextKey in nextSource) {
          // Avoid bugs when hasOwnProperty is shadowed
          if (Object.prototype.hasOwnProperty.call(nextSource, nextKey)) {
            to[nextKey] = nextSource[nextKey];
          }
        }
      }
    }
    return to;
  };
}

Si vous utilisez babel

npm install --save-dev babel-plugin-transform-object-assign

en utilisant .babelrc

{
  "plugins": ["transform-object-assign"]
}

vous pouvez trouver d'autres méthodes ici

10
Dinesh undefined

Si vous utilisez jquery , vous pouvez essayer jQuery.extend (target [ object1] [ objectN]) . Votre code:

const eventData = $.extend({}, eventItem);
6
Alexei

La réponse de Dinesh undefined est dépassée en ce qui concerne la partie babel. C'est ainsi que cela se fait aujourd'hui.

Sur la ligne de commande:

npm install --save-dev @babel/plugin-transform-object-assign

Dans votre .babelrc:

{ "plugins": ["@babel/plugin-transform-object-assign"] }

Source

1
bork