2017-03-25 2 views
1

私は、プロジェクトをアングル4.0.0とアングルCLI 1.0.0にアングル2.4.7とアングルCLI 1.0.0-beta.31からアップグレードしました。アップグレード後、次のエラーが表示されます。アベイラビリティの向上404インデックスが見つからない

font-awesome.min.css Failed to load resource: the server responded with a status of 404 (Not Found) 
material-icons.css Failed to load resource: the server responded with a status of 404 (Not Found) 
global-styles.css Failed to load resource: the server responded with a status of 404 (Not Found) 
hammer.js Failed to load resource: the server responded with a status of 404 (Not Found) 

これらは、下記のindex.htmlのスクリプト参照に関連しています。私はアップグレード後の構造を変更していない、誰もなぜこれらのエラーが表示されます知っている? Index.htmlと

<!doctype html> 
<html> 
<head> 
    <meta charset="utf-8"> 
    <title>Tellurium Platform</title> 
    <base href="/"> 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
    <link rel="icon" type="image/x-icon" href="favicon.ico"> 
    <link rel="stylesheet" href="./app/library/css/font-awesome.min.css"> 
    <link rel="stylesheet" href="./global-styles.css"> 
    <link rel="stylesheet" href="./app/library/css/material-icons.css"> 

    <link href="https://fonts.googleapis.com/icon?family=Material+Icons" 
     rel="stylesheet"> 
    <!--For Material 2 slider elements--> 
    <script src="./app/library/js/hammer.js"></script> 
</head> 
<body class="canvas"> 
    <app-root>Loading...</app-root> 
</body> 
</html> 

答えて

2

としてパスを変更する必要がありますこのようなスクリプト

"scripts": [ 
     ...., 
     "./app/library/js/hammer.js" 
     ], 

あなたはアンギュラcli.jsonファイル内のスクリプトとスタイルタグの下

1

が変更され、この公式release notesフォルダ構造を見てください、あなたは下の.angular-cli.jsonファイルにあなたのdependencieを移動

<link rel="stylesheet" href="./src/app/library/css/font-awesome.min.css"> 
    <link rel="stylesheet" href="./global-styles.css"> 
    <link rel="stylesheet" href="./src/app/library/css/material-icons.css"> 
+0

おかげで、すべての外部ファイル(CSSやJS)を追加する必要があり、最新のangulaeのCLIからではなくエラーがあるあなたが見ることができるようにindex.htmlと同じディレクトリにあるglobal-styles-cssを使用します。 Pardeepの回答は正しいです依存関係は今は角度-cli.jsonでなければなりません –

関連する問題