Ошибка импорта вебпакета flatpickr в реактивном проекте - PullRequest
Новая
       12

Ошибка импорта вебпакета flatpickr в реактивном проекте

0 голосов
/ 24 октября 2019

Я пытаюсь использовать flatpickr("^4.6.3)" в реактивном проекте, который использует веб-пакет в качестве модуля сборки. Я получаю эту ошибку в этом коде: 

import React, { useRef, useCallback } from 'react';
import flatpickr from 'flatpickr';
import 'flatpickr/dist/themes/light.css';

function MyComponent() {
  const flatpickerIn = useRef(null);
  const flatpickrOptions = {
    enableTime: true,
    allowInput: true,
    dateFormat: "Y-m-d h:i K"
    // noCalendar: true,
  };
  const inputRefcallback = useCallback(node => {
    if (node !== null && !flatpickerIn.current) {
      flatpickerIn.current = flatpickr(node, flatpickrOptions);
    }
  }, [flatpickrOptions]);
  return (
    <input
      name="startDate"
      placeholder="YYYY/MM/DD"
      style={{ width: 'auto' }}
      ref={startDateRef}
    />
  )
}


TypeError: flatpickr__WEBPACK_IMPORTED_MODULE_5___default(...) is not a function

Один странный факт заключается в том, что этот код работает при визуализации компонента в сборнике рассказов. Любые идеи, чтобы это исправить?

1 Ответ

0 голосов
/ 25 октября 2019

Кажется, проблема была в том, что я использую плагин uglify. Ошибка исчезла после того, как я импортировал flatpickr примерно так: 

import flatpickr from 'flatpickr/dist/flatpickr.min';
...