toast-ui.react-image-editor icon indicating copy to clipboard operation
toast-ui.react-image-editor copied to clipboard

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

Open draco111 opened this issue 6 years ago • 5 comments

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 avatar Jun 26 '19 10:06 draco111

sorry, add the post install script fixed this issue.

draco111 avatar Jun 26 '19 13:06 draco111

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

draco111 avatar Jun 26 '19 13:06 draco111

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

Cody0913 avatar Jul 19 '19 13:07 Cody0913

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

619 avatar Sep 01 '19 19:09 619

Dooray! 메일 발송 실패 안내

메일 발송 실패 안내

박시우([email protected]) 님께 보낸 메일이 전송되지 못하였습니다.

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




  
    
      
        * 받는 사람 : 

박시우([email protected])

        * 발송 시간 : 

2020-07-21T16:19:20

        * 메일 제목 : 

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

            * 실패 사유 : 
          
          
            

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

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




    © Dooray!.

swtalk avatar Jul 21 '20 07:07 swtalk