Laravel-sassが動作しない

-1

私はWebアプリケーションを開発しています。私はLaravel 5.3を使用しています。 SASSも使いたいです。 SASSを初めて使用したのです。私はこのチュートリアルhttp://blog.teamtreehouse.com/the-absolute-beginners-guide-to-sassから学びました。今私はLaravelとSASSを統合しようとしています。私はちょうどプロジェクトを始めました。だから私はこれを使うことに決めました - https://github.com/panique/laravel-sass。 Laravel-sassが動作しない

は、私は公共の場でこの行を追加

"require-dev": { 
    "panique/laravel-sass": "1.0" 
}

composer.jsonでこれを含ま/ index.phpを

SassCompiler::run("scss/", "css/");

だから、パブリックフォルダ内の私のindex.phpこの

のように見えます

次に、「update composer」コマンドを端末で実行します。インストールは端末でうまくいった。

だから、私はSASSを試して、動作しているかどうかを確認する必要があります。

私はパブリックフォルダに2つのファイルを作成しました。

public/css/style.css

と

public/scss/style.scss

それから私は、ビュー、hello.blade.phpを作成しました。これはhtmlです。

<!DOCTYPE html> 
<html> 
<head> 
    <title>SASS</title> 
    <link rel="stylesheet" type="text/css" href="{{ url('css/style.css') }}"> 
</head> 
<body> 
<h1 class="heading">Let's sass. Just change color.</h1> 
</body> 
</html>

は、その後、私はその後、私はこのようなLaravelのルートを設定し、パブリック/ SCSS/style.scss

$red: #FF4848 


.heading 
    color:$red

にこのラインを追加しました。

Route::get('hello', function() { 
    return View('hello'); 
});

ブラウザからURLにアクセスすると、このエラーが表示されます。

Fatal error: Uncaught Exception: parse error: failed at $color : red line: 1 in C:\xampp\htdocs\whatsuppathein\vendor\leafo\scssphp\scss.inc.php:4108 Stack trace: #0 C:\xampp\htdocs\whatsuppathein\vendor\leafo\scssphp\scss.inc.php(2761): scss_parser->throwParseError() #1 C:\xampp\htdocs\whatsuppathein\vendor\leafo\scssphp\scss.inc.php(121): scss_parser->parse('$color : red\r\n\r...') #2 C:\xampp\htdocs\whatsuppathein\vendor\panique\laravel-sass\sass-compiler.php(53): scssc->compile('$color : red\r\n\r...') #3 C:\xampp\htdocs\whatsuppathein\public\index.php(50): SassCompiler::run('scss/', 'css/') #4 {main} thrown in C:\xampp\htdocs\whatsuppathein\vendor\leafo\scssphp\scss.inc.php on line 4108

私のコードに問題がありますか？私はこの行公共/ index.phpの中にこの

SassCompiler::run("public/scss/", "public/css/");

と

SassCompiler::run("scss/", "css/");

を交換するとき

、それはエラーを投げていません。 CSSは変更しないでください。フォントの色を変更しません。

出典

2016-11-27 Wai Yan Hein

Laravelはgulpを使用して依存関係を解消し、プロジェクトdirecftoryからnpm installを作成するとビルドされます。

resources/scss/app.scssファイルを開き、自分のファイルに@importの文章を実行することができます。

プロジェクトのルートディレクトリにあるgulp.jsファイルには、sass transpilingが含まれています。

出典

2016-11-27 09:31:16 Ohgodwhy

私は今でも使用しているlaravel-sassを削除できますか？ –

さらに、Laravelのビューファイルからリソース内のscssファイルにリンクするにはどうしたらいいですか？ –

@WaiYanHeinあなたは 'scss'ファイルにリンクしていません。その代わりに、あなたの 'public/assets/css /'ディレクトリ（または 'public /'の下のディレクトリ）の下に置かなければなりません。 – Ohgodwhy

答えて

関連する問題