文章/答案/技术大牛

发布

社区首页 >问答首页 >CORS错误-获取$compile错误而XMLHttpRequest不能加载错误？

问CORS错误-获取$compile错误而XMLHttpRequest不能加载错误？
EN

Stack Overflow用户

提问于 2017-01-07 03:07:54

回答 1查看 117关注 0票数 0

为什么不能获取我的角指令，即使我提供了正确的url -获取$compile错误和XMLHttpRequest不能加载错误？

我从一个角度应用程序开始，我不能包括一个指令，因为我不断地得到两个不同的错误。

XMLHttpRequest不能加载/跨源请求仅支持协议方案: http、数据、铬、铬-扩展、https、铬扩展-资源。

我已经做了一些研究，有人建议设置一个服务器，以避免那些我不明白的事情。如果我真的不需要的话，为什么我不能只使用角/html来构建这个应用程序，而不需要后端呢？是什么导致了这个错误？

错误：$compile:upload

显然，当模板的URL拼写错误时就会发生这种情况--但是，我从根提供了整个路径( templateUrl：‘js/navbar/nabar.html’)，还是说这是错误的？谢谢。

project1 1/index.html：

<!DOCTYPE html>
<html lang="en">

<head>
    <title>page</title>
    <link rel="stylesheet" type="text/css" href="public/css/style.css" />
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.8/css/materialize.min.css">

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.1/angular.min.js">    </script>

    <script src="https://cdnjs.cloudflare.com/ajax/libs/angular-ui-router/0.3.2/angular-ui-router.min.js"></script>

    <script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.8/js/materialize.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/angular-materialize/0.2.1/angular-materialize.min.js"></script>
    <script src="js/app.js"></script>
   <script src="js/navbar/navbar.js"></script>
</head>

<body ng-app="myApp">
    <header></header>

    <navbar></navbar>
    <ui-view></ui-view>
</body>

</html>

项目1/js/app.js

'use strict';
var app=angular.module('myApp', ['ui.router', 'ui.materialize']);

项目1/js/navbar/Navbar.js

'use strict';

app.directive('navbar', function () {
    return {
        restrict: 'E',
        templateUrl: 'js/navbar/navbar.html'
    }
});

project1 1/js/navbar/Navbar.html

<div class="navbar navbar-static-top navbar-inverse">
    <div class="container">
        <ul class="nav navbar-nav">
            <li>
            Hello
            </li>
        </ul>
    </div>
</div>

compiler-errors

xmlhttprequest

url-routing

angular-directive

angularjs

回答 1

Stack Overflow用户

发布于 2017-01-07 04:41:33

始终使用服务器运行您的角度应用程序，否则您可能会得到交叉原点错误。服务器将帮助您重新分配文件paths.Then，将指令编辑为

'use strict';
app.directive('navbar', function () {
    return {
        restrict: 'E',
        templateUrl: 'navbar.html'
    }
});

我做了一些柱塞，所以我们确信您的代码没有错误。

我不确定是否使用绝对路径，但如果要使用绝对路径，则必须键入“C:projects/project1 1/js/navbar/nabar.js”，您可以使用http-server，安装和使用都很容易。我希望这能回答你的问题

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/41517395

复制

相似问题

问CORS错误-获取$compile错误而XMLHttpRequest不能加载错误？
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问CORS错误-获取$compile错误而XMLHttpRequest不能加载错误？EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问CORS错误-获取$compile错误而XMLHttpRequest不能加载错误？
EN