个人中心
gpt4 book ai didi

javascript - html 源代码中看不到脚本标签

转载 作者：行者123 更新时间：2023-11-28 08:11:45 25 4
gpt4 key购买 nike

我有一个名为tourSevice.js的 Angular 服务:

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

service.factory('Tournament', function($http)
{
    return {
       doLogin: function(token)
       {
           return $http.get('/api/tournament/user/' + token);
       }
    };
});

这是我的主应用程序页面，其中包含所有内容:

<!DOCTYPE html>
<html>
<link rel="stylesheet" href="bower_components/bootstrap/dist/css/bootstrap.css">
<script src="../bower_components/jquery/dist/jquery.min.js"></script>
<script src="../bower_components/angular/angular.min.js"></script>
<script src="../bower_components/angular-route/angular-route.min.js"></script>
<script src="../bower_components/bootstrap/dist/js/bootstrap.min.js"></script>

<script src="../js/services/loginService.js"></script>
<script src="../js/services/tourService.js"></script> <!-- not included -->

<script src="../js/controllers/loginController.js"></script>
<script src="../js/controllers/homeController.js"></script> <!-- not included -->
<script src="../js/controllers/AppController.js"></script>

<head>
    <title>Application</title>
</head>
<body ng-app="myApp" ng-controller="appCtrl">
<div class="container">
    <div ng-view></div>
</div>
</body>
</html>

但是在我的页面源代码中的 chrome 开发工具中我看到了这一点(不包括某些脚本):

<!DOCTYPE html>
<html>
<link rel="stylesheet" href="bower_components/bootstrap/dist/css/bootstrap.css">
<script src="bower_components/jquery/dist/jquery.min.js"></script>
<script src="bower_components/angular/angular.min.js"></script>
<script src="bower_components/angular-route/angular-route.min.js"></script>
<script src="bower_components/bootstrap/dist/js/bootstrap.min.js"></script>

<script src="js/controllers/loginController.js"></script>
<script src="js/services/loginService.js"></script>
<script src="js/controllers/AppController.js"></script>
<head>
    <title>Application</title>
</head>
<body ng-app="myApp" ng-controller="appCtrl">
<div class="container">
    <div ng-view></div>
</div>
</body>
</html>

没有抛出关于提供的路径中缺少此文件的错误。 Angular 抛出异常，因为缺少此 js 文件。

这有什么问题吗？

更新
这是我的主要应用程序 js:

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

myApp.config(function($routeProvider, $locationProvider)
{
    $locationProvider.html5Mode(true);
    $routeProvider
        .when('/', {templateUrl: 'pages/loginView.html'})
        .when('/home', {templateUrl: '/pages/home.html'})
        .otherwise({templateUrl: '/pages/loginView.html'});
        //.when('/login', {templateUrl: 'pages/loginView.html'});
});

betsApp.controller('appCtrl', function($scope)
{

});

最佳答案

正如评论中所说，我犯了一个巨大的错误，我更改了错误的文件，有 2 个非常相似的 index.html 文件，一个位于公共(public)文件夹中(我正在更改的那个 - 有效)，另一个位于在 app/view 文件夹中(这是 Laravel 项目)。为了进行更改，我必须更改应用程序/ View 中的文件，而不是公共(public)文件夹中的文件。

很抱歉因为我的疏忽而浪费了您的时间。

关于javascript - html 源代码中看不到脚本标签，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/24116481/

25 4 0
文章推荐： javascript - JQuery 未注册按钮点击
文章推荐： javascript - 基本的javascript图片库逻辑错误？
文章推荐： javascript - 通过许多不同的选择显示/隐藏 DIV
文章推荐： c++ - 使用 winsock，如何从 IE 接收 POST Http 消息