I want to use node_module instead of CDN
This is my code.

import Uppy from 'uppy/lib/core';
import Dashboard from 'uppy/lib/plugins/Dashboard';
import GoogleDrive from 'uppy/lib/plugins/GoogleDrive';
import Dropbox from 'uppy/lib/plugins/Dropbox';
import Instagram from 'uppy/lib/plugins/Instagram';
import Webcam from 'uppy/lib/plugins/Webcam';
import MetaData from 'uppy/lib/plugins/MetaData';
import CloudinaryPlugin from '../../utilities/UppyCloudinaryPlugin';

const SERVER = null;

export default function uppyInit(options, cloudinaryOptions, onSuccess) {
  const uppy = Uppy({
    debug: true,
    autoProceed: options.autoProceed,
    restrictions: options.restrictions || '',
  });

  // don't use tus service
  // uppy.use(Tus10, { endpoint: options.endpoint, resume: true });
  uppy.use(Dashboard, {
    trigger: options.trigger,
    inline: options.DashboardInline,
    target: options.target,
    note: options.restrictions || 'Images and video only, 300kb or less',
  });

  // set cloudinary config for uppy
  uppy.use(CloudinaryPlugin, cloudinaryOptions);

  if (options.GoogleDrive) {
    uppy.use(GoogleDrive, { target: Dashboard, host: SERVER });
  }
  if (options.Dropbox) {
    uppy.use(Dropbox, { target: Dashboard, host: SERVER });
  }
  if (options.Instagram) {
    uppy.use(Instagram, { target: Dashboard, host: SERVER });
  }
  if (options.Webcam) {
    uppy.use(Webcam, { target: Dashboard });
  }

  uppy.use(MetaData, {
    fields: options.metaFields || [],
  });

  uppy.on('core:success', fileList => {
    const fileStates = uppy.getState().files;

    if (onSuccess) {
      const stateList = {};
      fileList.forEach(fileIndex => {
        stateList[fileIndex] = fileStates[fileIndex];
      });
      onSuccess(stateList);
    }
  });

  uppy.run();
}

This is options.

{
  target: '#uppyUploader',
  endpoint: 'tusServer',
  cloudinaryUploadURL: 'https://api.cloudinary.com/v1_1/learnt/auto/upload',
  DashboardInline: true,
  Webcam: true,
  GoogleDrive: true,
  Dropbox: true,
  Instagram: true,
  autoProceed: false,
  restrictions: {
    maxFileSize: 10000000,
    maxNumberOfFiles: 3,
    minNumberOfFiles: 1,
    allowedFileTypes: [
      'image/*',
      'video/*',
      'audio/*',
      'application/pdf',
      'application/zip',
    ],
  },
  metaFields: [
    {
      id: 'resizeTo',
      name: 'Resize to',
      value: 1200,
      placeholder: 'specify future image size',
    },
    {
      id: 'description',
      name: 'Description',
      value: 'none',
      placeholder: 'describe what the file is for',
    },
  ],
}

Uncaught TypeError: morphdom is not a function #1572

Description

Metadata

Metadata

Assignees

Labels

Type

Projects

Milestone

Relationships

Development

Issue actions