Проблемы с Угловым ui-маршрутизатором и Express

Я думаю, что я допустил некоторую очевидную ошибку при маршрутизации. Я ссылался на тонны потоков stackoverflow. Но ничего не помогает. Застрял в этом в течение дня. Пожалуйста помоги. Заранее спасибо.Проблемы с Угловым ui-маршрутизатором и Express

Структура файла

myApp 
    --- client 
     --- css 
     --- js 
     --- lib 
     --- views 
      -- index.html, movies.html, etc., 
    --- node_modules 
    --- server 
    --- server.js

app.js

var movieApp=angular.module('movieApp',['ui.router']); 

    movieApp.config(function($stateProvider, $urlRouterProvider){ 


     $urlRouterProvider.otherwise('/movies'); 
     $stateProvider 
      .state('movies', { 
       url:"/movies", 
       templateUrl:"movies.html" 
      }) 
      .state('viewMovie', { 
       url:"/movies/:id/view", 
       templateUrl:"view-movie.html" 
      }) 
      .state('editMovie', { 
       url:"/movies/:id/edit", 
       templateUrl:"edit-movie.html" 
      }) 
      .state('newMovie', { 
       url:"/movies/new", 
       templateUrl:"new-movie.html" 
      }) 
    });

server.js

var express = require('express'), 
     app  = express(), 
    router = express.Router(); 

    app.use(express.static(__dirname + '/client')); 
    app.use(router); 

    router.get('*', function(req, res) { 
     res.sendFile(__dirname + '/client/views/index.html'); 
    }); 

    app.listen(3000);

Получение предупреждения : Пытается нагрузить углы более одного раза.

Вот мой попробовать:

==================================== ============

попробовать 1:

В app.js

Я установил html5mode истинную

$locationProvider.html5Mode(true);

И добавил абсолютный путь к моим templateUrls

В index.html

Я установил базу HREF

<base href="/">

В server.js

router.get('/*', function(req, res) { 
     res.sendFile(__dirname + '/client/views/index.html'); 
    });

Еще такая же проблема :(

=========================================================================================================================== ==

Вот мой index.html

<!DOCTYPE html> 
    <html> 
    <head> 
     <title>Movie APP</title> 
     <link rel="stylesheet" href="/lib/bootstrap/css/bootstrap.min.css"/> 
     <link rel="stylesheet" href="/css/styles.css"/> 
     <base href="/"> 
     <script type="text/javascript" src="/lib/jquery/jquery-1.11.3.min.js"></script> 
     <script type="text/javascript" src="/lib/bootstrap/js/bootstrap.min.js"></script> 
     <script type="text/javascript" src="/lib/angular/angular.min.js"></script> 
     <script type="text/javascript" src="/lib/angular/angular-resource.js"></script> 
     <script type="text/javascript" src="/lib/angular/angular-ui-router.min.js"></script> 
     <script type="text/javascript" src="/js/app.js"></script> 
     <script type="text/javascript" src="/js/controllers.js"></script> 
     <script type="text/javascript" src="/js/services.js"></script> 

    </head> 
    <body ng-app="movieApp"> 

     <nav class="navbar navbar-default"> 
      <div class="container-fluid"> 
       <div class="navbar-header"> 
        <a class="navbar-brand" ui-sref="movies">myMovies.com</a> 
       </div> 
       <div> 
        <ul class="nav navbar-nav"> 
         <li class="active"><a ui-sref="movies">Home</a></li> 
        </ul> 
       </div> 
      </div> 
     </nav> 

    <div class="container"> 
     <div ui-view=""></div> 
    </div> 
    </body> 
    </html>

источник

2015-12-16 rajagopalx

проблема не с кодом, то проблема может быть в файле базы файла/макета, то есть index.html. Пожалуйста, проверьте, возможно, вы включили угловые js более одного раза в свой файл. Проверьте ..

И дайте мне знать, если все еще существует проблема.

источник

2015-12-16 09:06:25 rroxysam

Я обновил свой index.html для справки. Я уверен, что я включаю угловые только один раз. – rajagopalx

Проблемы с Угловым ui-маршрутизатором и Express

ответ

Смежные вопросы