get error when run the code step by step from readme.

[draco111]

Version

"@toast-ui/react-image-editor": "^1.0.0"

Test Environment

windows 7

Current Behavior

run the code step by step from the repo's readme file got the following error: Failed to compile ./node_modules/tui-image-editor/dist/tui-image-editor.js Module not found: Can't resolve 'fabric/dist/fabric.require' in 'C:\sf\react-app\node_modules\tui-image-editor\dist' This error occurred during the build time and cannot be dismissed.

import React from 'react'
import 'tui-image-editor/dist/tui-image-editor.css'
import ImageEditor from '@toast-ui/react-image-editor'

const myTheme = {
  // Theme object to extends default dark theme.
};

const MyImageEditor = () => (
  <ImageEditor
    includeUI={{
      loadImage: {
        path: 'img/sampleImage.jpg',
        name: 'SampleImage'
      },
      theme: myTheme,
      menu: ['shape', 'filter'],
      initMenu: 'filter',
      uiSize: {
        width: '1000px',
        height: '700px'
      },
      menuBarPosition: 'bottom'
    }}
    cssMaxHeight={500}
    cssMaxWidth={700}
    selectionStyle={{
      cornerSize: 20,
      rotatingPointOffset: 70
    }}
    usageStatistics={true}
  />
);

export default MyImageEditor;

Expected Behavior

show the image editor in the page.

[draco111]

sorry, add the post install script fixed this issue.

[draco111]

the image editor show up in the page, but the command disappear.

[Cody0913]

Do you mean the icons? This might be similar to this issue. https://github.com/nhn/toast-ui.react-image-editor/issues/8

[619]

What's the post install script? How did you fix this issue?

[swtalk]

Dooray! 메일 발송 실패 안내

메일 발송 실패 안내

박시우(viewrain@nhn.com) 님께 보낸 메일이 전송되지 못하였습니다.

      실패 사유를 확인해보세요.

        * 받는 사람 : 

박시우(viewrain@nhn.com)

        * 발송 시간 : 

2020-07-21T16:19:20

        * 메일 제목 : 

Re: [nhn/toast-ui.react-image-editor] get error when run the code step by step from readme. (#4)

            * 실패 사유 : 

받는 사람이 회원님의 메일을 수신차단 하였습니다.

      이 메일은 발신전용으로 회신되지 않습니다.
      더 궁금하신 사항은
      dooray@nhn.com
      으로 문의해 주시기 바랍니다.

    © Dooray!.