2016-09-01 12 views
0

にスクリプトをリンクする私の現在のBODYタグである:AngularJS - ここではbodyタグ

<body ng-app="Mood"> 

<div id="moodApp" ng-view></div> 

<script src="js/angular.js"></script> 
<script src="js/angular-route-min.js"></script> 
<script src="js/angular-animate.min.js"></script> 
<script src="js/jquery.js"></script> 
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.2.1/Chart.min.js"></script> 
<script src="js/main.js"></script> 

そしてここでは、ファイルのツリーです:

enter image description here

私はそれを引き受けるにもかかわらずそれはうまくいく、404エラーがある:

私はGitのリポジトリに私の作品をプッシュするだろうときので、私が欲しいものではありません

<script src="mood/js/angular.js"></script> 

、他:それを動作させるためには

、私はそうのようなフォルダ名の接頭辞を追加する必要がありますユーザーは「気分」フォルダを持っていません。

フォルダー名のプレフィックスなしで機能させるにはどうすればよいですか?

ありがとうございます。あなたがjsのフォルダ内のファイルによると、この

使用../js/(remainnigパスを行うことができ、相対パスを使用して

+2

ファイルをどのように配信しますか?共有するサーバーの設定はありますか? –

+0

ローカルサーバーに問題がある必要があります。あなたのプロジェクトフォルダからファイルを提供します。 –

+0

私は基本的なWAMP設定を使用しています。変わった部分は、cssフォルダ(cssフォルダに404エラーはありません)でもうまく動作しますが、JSファイルとの間で苦労し始めます。これは角度を追加する前にng-app指示を要求するので、スクリプト。 – GreatHawkeye

答えて

0

使用HTML base tag

<head> 
<base href="http://localhost/mood/"> or <base href="/"> 
</head> 

<body ng-app="Mood"> 

<div id="moodApp" ng-view></div> 

<script src="js/angular.js"></script> 
<script src="js/angular-route-min.js"></script> 
<script src="js/angular-animate.min.js"></script> 
<script src="js/jquery.js"></script> 
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.2.1/Chart.min.js"></script> 
<script src="js/main.js"></script> 

<base>タグは、ドキュメント内のすべての相対URLのベースURL/targetを指定します。

注:タグが存在する場合は、href属性またはtarget属性のいずれか、またはその両方が必要です。

+0

それは、ありがとう:) – GreatHawkeye

+0

@GreatHawkeyeそれは他の人にも役立つように正しいとマークします。 –

0

)。

+0

私は、同じファイルの場所と全く同じ404エラーがあります。スクリプトをまだリンクしていないにもかかわらず、ボディタグが開始タグで角度を使用しているので、問題はAngularの動作から来ていると仮定しています。 – GreatHawkeye

+0

上記の解決策を試しましたか?それが取ることを試みるどのパスよりも動作しない場合は?コンソールをチェックインし、それに言及してください。 –

+0

はい私はそれを試してみましたが、私は "http://localhost/js/angular.js"を取った最初のスクリーンショットと全く同じエラーが発生しました – GreatHawkeye