BinaryDevelop
  1. ホーム
  2. javascript

[解決済み】HTMLの最初の行に予期しないトークン<がある。

2022-02-06 04:45:34

質問

私は、HTMLファイルを持っています。 

<!DOCTYPE HTML>
<html lang="en-US" ng-app="Todo">
<head>
    <meta charset="UTF-8">
    <title>DemoAPI</title>

  <meta name="viewport">

<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.4/jquery.js"></script>

<link rel="stylesheet" href="./Client/css/styling.css" />
<script type="text/javascript" src="core.js"></script>

</head>

というエラーが出ています。 

Uncaught SyntaxError: Unexpected token <    core.js: 1

でエラーが表示されます。 <!doctype html> の app.html .

core.js はこのように見えます。 

angular.module('Todo', [])

.controller('mainController', function($scope, $http)
{
    $scope.formData = {};

    // get all and show them
    $http.get('/musicians')
        .success(function(data) {
            $scope.todos = data;
            console.log(data);
        })
        .error(function(data) {
            console.log('Error: ' + data);
        });

        //get with an id
        $scope.getOneTodo = function() {
        $http.get('/musicians' + id)
            .success(function(data) {
                $scope.todos = data;
                      console.log(data);
            })
            .error(function(data) {
                console.log('Error: ' + data);
            });
    };
      // send the text to the node API
    $scope.createTodo = function() {
        $http.post('/musicians', $scope.formData)
            .success(function(data) {
                $scope.formData = {}; // clear the form 
                $scope.todos = data;
                console.log(data);
            })
            .error(function(data) {
                console.log('Error: ' + data);
            })
    };

    // delete 
    $scope.deleteTodo = function(id) {
        $http.delete('/musicians' + id)
            .success(function(data) {
                $scope.todos = data;
                      console.log(data);
            })
            .error(function(data) {
                console.log('Error: ' + data);
            });
    };

    /*
    $scope.updateTodo = function(id) {
        $http.delete('/musicians' + id)
            .success(function(data) {
                $scope.todos = data;
                      console.log(data);
            })
            .error(function(data) {
                console.log('Error: ' + data);
            });
    };*/

});

また Uncaught Error: [$injector:modulerr] http://errors.angularjs.org/1.3.14/$injector/modulerr?p0=Todo&p1=Error%3A%2…gleapis.com%2Fajax%2Flibs%2Fangularjs%2F1.3.14%2Fangular.min.js%3A17%3A381)

また、コンソールで core.js の内容が表示されます。 app.html と名付け core.js .

以下はスナップショットです。

また、画像のように、クリックすると index.html と表示されます。 app.html . しかし、私はそのような名前のファイルを持っていません。 index.html を読み込むと app.html の代わりにデフォルトで index.html .

を追加/削除してみました。 type="text/javascript" が、これも役に立ちません。

また core.js .

何が問題なのでしょうか？

解決方法は？

あなたのページは、Javascriptファイルを /Client/public/core.js .

このファイルはおそらく見つからないので、ウェブサイトのフロントページか、代わりにHTMLエラーページが表示されます。これは、例えば、Apacheサーバー上で動作しているウェブサイトにおいて、パスがデフォルトで index.php .

その場合は、必ず /Client/public/core.js スクリプトタグの <script type="text/javascript" src="/Client/public/core.js"></script> を正しいファイルパスで指定するか、あるいは足りないファイルを core.js の位置で /Client/public/ をクリックして、エラーを修正してください。

という名前のファイルがすでに見つかっている場合 core.js で /Client/public/ で、ブラウザがHTMLページを生成する場合、フォルダとファイルのパーミッションを確認してください。これらのいずれかが適切なパーミッションに欠けている可能性があります。

関連

最新

おすすめ

について
/
プライバシー・ポリシー
/
お問い合わせ
© 2022 BinaryDevelop. すべての権利は、それぞれの所有者に帰属します