질문을 삭제하지 말아주세요.!
 
1
0
-1

dropzone.js를 설치했고 gulpfile에 이렇게 작성했습니다. 

elixir(mix => {
  mix.sass(['app.scss','select.scss']);

  mix.webpack('app.js');

  mix.scripts([
   '../../../node_modules/highlightjs/highlight.pack.js',
   '../../../public/js/app.js',
   '../../../node_modules/dropzone/dist/dropzone.js'
 ], 'public/js/app.js');

  mix.version([
    'css/app.css',
    'css/select.css',
    'js/app.js'
  ]);

깃헙에 올려주신 소스도 이랫고 gulpfile 에 scripts함수의 기본경로가 resources/assets/js 인걸 봤을때 이렇게 하는게 맞는것 같은데 js가 적용이 안됩니다ㅠ  node_modules는 루트디렉토리 바로 아래(app 파일과 동일레벨)에 있고 gulpfile 또한 그렇습니다.  경로가 잘못되어서 적용이 안되는게 맞나요?? 다른 어떤 요인때문에 안되는 걸까요??

(계속 안되서 지금은 그냥 cdn으로 적용했습니다...)


그리고 그렇게 적용 했을경우 (아직 책의 288p 상당부분 까지 안했습니다) 파일을 드랍존에 올려보면 항상 파일이 오류가 납니다. 그리고 drop존에 올려져 있는 사진에 마우스를 가져다 놓으면 빨간색 박스안에 html 코드가 왕창 들어가 있습니다.... 이게 혹시 서버측에서 무언가를 하지 않아서 그런것인지 아니면 어디가 잘못된건지 궁금합니다.

    CommentAdd your comment...

    1 answer

    1.  
      1
      0
      -1

      1) 걸프 빌드하고, 웹 페이지를 띄운 후 웹 브라우저의 개발자 콘솔의 "네트워크" 탭에서 /js/app.js 와 /css/app.css가 잘 로드되었나 확인해주세요.

      2) 잘 로드되었다면, 웹 브라우저 개발자 콘솔의 "콘솔"에서 Dropzone을 입력해서 Dropzone 객체가 잘 생성되는 지 확인합니다. 오류가 뜬다면 오류 메시지를 확인해서 무엇이 문제인지를 파악해야 합니다.


      3) CDN으로 Dropzone을 로드한 후, 파일 업로드 했을 때 문제가 발생했다는 얘기죠? 이 때도 웹 브라우저의 개발자 콘솔의 네트워크 탭에서 서버 응답이 무엇인지를 확인하고 문제점을 확인해야 하고 디버깅해야 합니다.

      1. 이용준

        cdn을 하면 잘 작동합니다!! 그런데 cdn을 제거하고 로컬에 저장한것을 하면 이런 에러가 뜹니다.

        js/app.js와 css는 잘 들어가긴 한것 같습니다 ㅠㅠ

      2. 이용준

        그리고 또 저상태에서 file을 끌어들이는건 가능한데 선택해서 하는건 또 안되는군요..ㅠㅠ

      CommentAdd your comment...