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

라라벨에서 엘릭서를 사용하기 위해서 

책보고 하는데,

계속 500 에러가 뜨네요

일단 화면은 다음과 같습니다.


<!DOCTYPE html>
<html>
<head>
<title>Test View </title>
<link href="{{ elixir('css/app.css')}}" rel="stylesheet">
</head>
<body>
이 파일은 지워집니다.
</body>
</html>


gulp.js 는 다음과 같습니다.


var elixir = require('laravel-elixir');


elixir(function(mix) {
     mix.sass('app.scss');
     mix.webpack('app.js');
     mit.version([
         'css/app.css',
         'js/app.js'
    ]);
});


app.scss는 다음과 같습니다.

body {
      background-color: yellow;
}

엘릭서를 사용하기 위해 

설치는 다음 명령어를 순차적으로 사용했습니다.


sudo apt-get install nodejs npm

npm install -global gulp

npm install 

npm install  fornt-awesome --savae-dev


이 과정을 거쳤는데 설치가 제대로 되지않습니다.

혹시 빠진게 있나요~?

    CommentAdd your comment...

    2 answers

    1.  
      1
      0
      -1
      방금 테스트한 내용을 그대로 남깁니다. 
      NodeJs와 Gulp는 설치되어 있다고 가정합니다.

      라라벨 기본 설치에다 원본 글에 쓰신 내용을 오타만 수정하고 그대로 사용한겁니다.


      ~ $ laravel new elixir-test
      # Crafting application...
      # ...
      # Application ready! Build something amazing.
      
      ~ $ cd elixir-test
      ~/elixir-test $ npm install
      # fetchData -> ...
      # ...
      # └── vue-resource@1.0.3
      
      ~/elixir-test $ vim resources/views/welcome.blade.php
      <!DOCTYPE html>
      <html>
      <head>
          <title>Test View </title>
          <link href="{{ elixir('css/app.css')}}" rel="stylesheet">
      </head>
      <body>
          이 파일은 지워집니다.
      </body>
      </html>
      
      ~/elixir-test $ vim gulpfile.js
      const elixir = require('laravel-elixir');
      require('laravel-elixir-vue-2');
      
      elixir((mix) => {
      	mix.sass('app.scss')
      	.webpack('app.js')
      	.version([
      		'css/app.css',
      		'js/app.js'
      		]);
      });
      
      ~/elixir-test $ vim resources/assets/sass/assets.scss
      @import url(https://fonts.googleapis.com/css?family=Raleway:300,400,600);
      @import "variables";
      @import "node_modules/bootstrap-sass/assets/stylesheets/bootstrap";
      
      body {
          background-color: yellow;
      }
      
      ~/elixir-test $ gulp
      # [00:31:08] Using gulpfile ~/workspace/elixir-test/gulpfile.js
      # ...
      # [00:31:11] Finished 'default' after 5.27 ms
      
      ~/elixir-test $ php artisan serve
      # Laravel development server started on http://127.0.0.1:8000/

      브라우저에서 열어보면 다음과 같은 화면이 보입니다.


      1. 김주원

        참고로 var는 ES5, const는 ES6 에서 변수를 선언하는 키워드로 미묘한 차이는 있지만, 지금 테스트하는 문맥에서는 그냥 같다고 보시면 됩니다.

      2. 이태희


        위 스샷은 gulp 명령어 실행했을때 결과값 


        질문1.

        알려주신것처럼 

        laravel new elixir-test  와 같이 컴포저를 통해 라라벨 프로젝트를 재설치 했습니다.


        그리고 해당 라라벨 프로젝트에서 sudo install npm install 설치를 했습니다.  이렇게 된거면 제대로 설치가 된건가요?


        참고사항)) 

        그리고 아래 부분은 혹시 몰라서 첨부합니다.  혹시 이부분이 문제가 될까봐요

        라라벨 프로젝트 밖에 node-modules쪽에 에러가 발생하네요,  이쪽은 상관없는건가요?


      3. 김주원

        세번째 그림의 not found: notify-send, ENENT 는 파일이나 디렉토리가 없다는 의미입니다. 추정컨대 필요한 node 모듈이 설치되지 않은 것 같습니다.

        이미 npm 관련된 권한들이 꼬인것 같습니다. sudo를 쓰지 않고 npm을 사용하는 방법을 인터넷에서 찾아 보고, 적용해 보시길 권장합니다.

      4. 이태희

        감사합니다^^ 덕분에 원인은 찾았네요!

        새해복많이받으세요~

      CommentAdd your comment...
    2.  
      1
      0
      -1

      우선 오타고쳐주시고요.

      mit.version => mix.version

      gulpfile.js에 Elixir 레시피를 작성한 후, gulp 명령으로 실행(쓰신대로라면 scss 컴파일 + js 컴파일 + 캐시 버스팅)해줘야 합니다.


      500 에러는 Elixir와는 무관합니다. 500에러가 날 때 storage/logs/laravel.log와 웹 서버 로그를 살펴보세요. 

      1. 이태희

        네 감사합니다


        근데  gulp 명령어를 입력하면 찾을수없다고나옵니다 따로 설정해야할 부분이 따로있던가요?


        php artisan gulp를 하여도 찾을수없다고 나오네요

      2. 김주원

        gulp 설치법은 gulp 공식 문서를 참고해주세요.

        http://gulpjs.org/getting-started.html

      3. 이태희

        김주원님 궁금한게 더 있습니다.

        책에서는 var elixir = require('laravel-elixir')로 만들어서 하라고 되어있는데

        저렇게 하면 오류가 발생하더군요, laravel-elixir를 찾을수없다고 나오네요

        gulp명령어를 칠경우 아래와 같이 발생합니다.

        소스는 사진 밑에 있습니다.

        npm버전이  2.15.11인데ㅜ낮이서 그런가요?

        var gulp = require('gulp');
        var elixir = require('laravel-elixir');

        gulp.task('default',function(){
        });


        오류메세제를 읽어보면 node-modules가 필요한거같은데 그런가요?

      CommentAdd your comment...