2017-03-28 5 views
0

[OK]を見られない....スクリプトタグが読み取られていませんか? javascript、角度。エラーファイルので、私は自分のコードでは、次のエラーが発生します、

GET file:///C:/bower_components/angular/angular.min.js net::ERR_FILE_NOT_FOUND 
index.html:19 GET file:///C:/bower_components/angular/angular-route.min.js net::ERR_FILE_NOT_FOUND 
index.html:20 GET file:///C:/something.js net::ERR_FILE_NOT_FOUND 
index.html:21 GET file:///C:/controller.js net::ERR_FILE_NOT_FOUND 

私はこの問題は私のスクリプトタグであることをかなり確信している....

<!DOCTYPE html> 
<html ng-app="MyApp"> 
<head> 
    <meta charset="utf-8"> 
    <title></title> 
    <base href="/" /> 
</head> 
<body ng-controller="MainController as main"> 
    <a ui-sref="Page1">Page 1</a> | <a ui-sref="Page2">Page 2</a> | <a ui-sref="Nowhere">Nowhere</a> 
    <hr /> 
    $state.current.templateUrl = {{main.$state.current.templateUrl}} 
    <hr /> 

    <ui-view></ui-view> 



     <script src="/bower_components/angular/angular.min.js"></script> 
     <script src="/bower_components/angular/angular-route.min.js"></script> 
     <script src="/something.js"></script> 
     <script src="/controller.js"></script> 

</body> 
</html> 

私は正確に何が間違っているのか分かりません。私の先生は構文が正しいと言っているので、私は信じられないほど混乱しています。

+0

HTMLファイルをディスクからブラウザに直接ロードしていますか?あなたはWebサーバーを使用していませんか? – Dai

+0

私はWebサーバーを使用していましたが、これはサーバ上で動作しませんでしたので、私は何が起こっていたのかを知るためにコンソールを使いました。ドキュメント内の私のリンクは動作していませんし、クリック可能でもありません。 –

+1

'hello world'アプリよりも複雑なものを開発するには' file:// 'を使ってはいけません - 誇張しますが、実際の開発者はウェブサーバーを使用します –

答えて

0

ルート相対URI src="/controller.js"を使用しているため、ブラウザは現在のディレクトリではなく、ファイルが提供されている場所のルートから検索します。

C:\Users\You\Project\Index.htmlを言う時あなたは、ディスクからHTMLファイルをロードしている場合は、主要な/は、お使いのブラウザはC:/controller.js代わりのC:\Users\You\Project\Controller.js検索することを意味します。

先頭のスラッシュを削除するか、Webサーバーを使用してプロジェクトにサービスを提供してください。

+0

2つのbower_componentタグはどうですか? –

+0

私の問題は、私はサーバー上でプロジェクトを使用しようとしましたが、リンクはリンクとして動作していませんでした。 –

関連する問題