2017-11-17 4 views
0

So folgt Ich bin ein Udemy Tutorial AngularJS zu lernen (1) das ist, was ich für meine HTML-Datei haben:Kann das AngularJS CDN nicht geladen werden?

<!DOCTYPE html> 
<html lang="en-us" ng-app="myApp"> 
    <head> 
     <title>Learn and Understand AngularJS</title> 
     <meta http-equiv="X-UA-Compatible" content="IE=Edge"> 
     <meta charset="UTF-8"> 

     <!-- load bootstrap and fontawesome via CDN --> 
     <link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" /> 
     <!-- load angular via CDN --> 
     <script src="//code.angularjs.org/1.3.0-rc.1/angular.min.js"></script> 
     <script src="app.js"></script> 
    </head> 
    <body> 
    <div class="container"> 
     <div ng-controller="mainController"> 
      <h1>Hello world!</h1>     
     </div>    
    </div> 
</html> 

und meine app.js Datei:

var myApp = angular.module('myApp', []); 

myApp.controller('mainController', function($scope) { 
    console.log($scope); 
}); 

Ich bin versuchen $scope zu trösten, aber ich die folgende Fehlermeldung erhalten:

GET file:///Users/carlosgrijalva/Code/Angular/Code-The-Scope->Service/Starter/code.angularjs.org/1.3.0-rc.1/angular.min.js >net::ERR_FILE_NOT_FOUND

CDN Link scheint in Ordnung in meinem Browser zu arbeiten, und das ist im Grunde die Vorlage zur Verfügung gestellt von das Tutorial. Ich kann nicht wirklich herausfinden, was es nicht funktioniert. Hat jemand Ideen?

+2

Entfernen Sie die Schrägstriche vor Ihren CDN-Links, interpretiert der Browser diese als lokale Computerpfade, oder fügen Sie einfach die 'http:'/'https:' –

+0

, weil es das Dateiprotokoll verwendet, wenn es protokolllos ist ..... Run ein lokaler Server! Sparen Sie sich die Probleme mit dem Ausführen des Dateiprotokolls. – epascarello

Antwort

2

Versuchen Sie, Ihre Script-Tag aktualisieren sein:

<script src="https://code.angularjs.org/1.3.0-rc.1/angular.min.js"></script> 

Wenn Sie Javascript nur forwardslashes bieten wird deine eigenen filepath der Suche durch.

+0

Diese Antwort erklärt nicht, warum die No-Protocol-URL nicht funktioniert. Das ist ein Ansatz, den viele Leute benutzt haben. https://www.paulirish.com/2010/the-protocol-relative-url/ – isherwood

Verwandte Themen