2017-01-18 8 views
1

角度2のアプリをangular-cli 1.0.0-beta.21で実行しています。開発の初期に、私はこの問題に遭遇しました。そこにはスタイルがロードされていませんでした。私はSASSを使用しています。これはstyles.bundle.jsにコンパイルされていましたが、私のアプリにスタイルはありませんでした。私は試してみましたが、それを修正しようとしましたが、新しいテンプレートを使用して最初からやり直す必要がありました。すべてがうまくいきました。シンボリックリンクを使用しているときにAngular-Cliがスタイルを読み込まない

今日私はng serveを実行しましたが、今度は再び起こります。昨晩私が寝るときには大丈夫だった。私は何も更新していない。

これはなぜ起こっているのですか?それはある種のキャッシュですか? ng buildを実行しても同じ結果が得られます。

UPDATE:

私はこの問題を解決するために管理してきました。ディレクトリ全体を別の場所に移動しました。それを元に戻すことはそのトリックを終えたようだ。 なぜこれが起こっているのかまだ分かりません。私はすべてのファイルのパスを検索しようとしましたが、何も出てこなかった。私はまだなぜこれが起こっているのか分からない。これは、将来私のアプリを別の場所に移動することができなくなったことを意味します。

私はng new <projec_name>を使用してプロジェクトを生成したのWindows 10に

angular-cli: 1.0.0-beta.21 
node: 6.9.1 
os: win32 x64 

を使用しています。

UPDATE 2:

は、ここに私のangular-cli.jsonです。ここでは、プロジェクト全体を別のフォルダに移動することによって影響を受けることはありません。

{ 
    "project": { 
    "version": "1.0.0-alpha.2", 
    "name": "core-ui" 
    }, 
    "apps": [ 
    { 
     "root": "src", 
     "outDir": "dist", 
     "assets": "assets", 
     "index": "index.html", 
     "main": "main.ts", 
     "test": "test.ts", 
     "tsconfig": "tsconfig.json", 
     "prefix": "app", 
     "mobile": false, 
     "styles": [ 
     "scss/style.scss" 
     ], 
     "scripts": [ 
     "../node_modules/chart.js/dist/Chart.bundle.min.js", 
     "../node_modules/chart.js/dist/Chart.min.js" 
     ], 
     "environments": { 
     "source": "environments/environment.ts", 
     "dev": "environments/environment.ts", 
     "prod": "environments/environment.prod.ts" 
     } 
    } 
    ], 
    "addons": [], 
    "packages": [], 
    "e2e": { 
    "protractor": { 
     "config": "./protractor.conf.js" 
    } 
    }, 
    "test": { 
    "karma": { 
     "config": "./karma.conf.js" 
    } 
    }, 
    "defaults": { 
    "styleExt": "scss", 
    "prefixInterfaces": false 
    } 
} 

UPDATE 3:

私は私が私の最初の調査結果whith間違っていたことがわかってきました。ディレクトリの移動は問題の原因ではありません。 そのシンボリックリンク。コマンドラインからシンボリックリンクを介してルートディレクトリに移動すると、スタイルはロードされません。正しい物理パスに移動すると、すべて正常に動作します。

TL; DR

角度-cliをロードし、Windows上でシンボリックリンクを使用してディレクトリに移動した場合にスタイルを適用しません。どうしてこんなことに?

答えて

0

また、あなたはスタイルファイルのためにたい拡張子を定義することができ、新しいプロジェクトの生成:

ng new <projec_name> --style=sass 

か、既存のプロジェクトのデフォルトのスタイルを設定します。

ng set defaults.styleExt scss 

詳細情報についてはすることができますがここに行く:

https://github.com/angular/angular-cli

+0

私が使っていたスターターテンプレート実際にはこのように構成されていました。私が言ったように、おしゃべりはコンパイルされていましたが、htmlには適用されませんでした。そして、明らかにそれを引き起こしたのはディレクトリを別の場所に移動させることでした。私はそれがなぜあるのか理解したいと思います。しかし、ありがとう。 – Vic

+0

angular-cliをアップロードしようとしましたか? – jeremysu0131

+0

私はそれを含む質問を更新しました。 – Vic

関連する問題