ngRoute n’affiche pas mes vues

J’essaie d’utiliser ngRoute pour acheminer mon site Web vers une page de destination et il ne charge aucun des fichiers HTML après la construction et je lance mon serveur grognant. Je ne reçois aucune erreur dans ma console lorsque j’essaie de charger la page non plus. Je peux voir tous les fichiers copiés dans le dossier dist ‘correctement mais quand je lance mon serveur, il me faut http: // localhost: 9000 , puis affiche simplement une page index.html vide. Qu’est-ce que je fais mal?

Edit: J’ai retiré $ scope de ma configuration et je ne vois toujours pas ma page de destination. Je peux afficher les variables $ scope dans mon contrôleur lorsque je les dépose directement dans le corps de mon fichier index.html si cela permet de réduire le problème.

lien plunker: https://plnkr.co/edit/wagbCGdSx5lRO93u5jCF?p=info

Voici mon myWebsite.js

• Comment puis-je utiliser correctement l’URL HTML5 avec AngularJS?
• AngularJS n’envoie pas de données au serveur NodeJS
• Rendez Nginx redirect http://example.com/profile vers http://example.com/#/profile (parcours angular)?
• Comment éditer un document en ligne dans l’éditeur local?
• ne peut pas décompresser le fichier PASSWORD PROTECTED en utilisant Batch Script via 7Zip?

/*global angular*/ (function (angular) { 'use ssortingct'; angular.module('myWebsite', ['myWebController', 'ngRoute']); }(angular)); 

et le contrôleur

 (function (angular) { 'use ssortingct'; angular.module('myWebController', []) .controller('myWebController', ['$scope', function ($scope) { }]); } (angular)); 

et mon routeur

 /*global angular:true */ (function (angular) { 'use ssortingct'; angular.module('pageRouter', ['ngRoute']) .config(['$scope', '$routeProvider', '$locationProvider', function ($scope, $routeProvider, $locationProvider) { $routeProvider .when('/', { templateUrl: 'markup/landing-page.html', controller: 'myWebController' }) .when('', { templateUrl: 'markup/landing-page.html', controller: 'myWebController' }) .otherwise({ templateUrl: 'markup/landing-page.html', controller: 'myWebController' }); $locationProvider.html5Mode({enabled: true}); }]); } (angular)); 

heres l’index.html

et enfin mon gruntfile. J’ai la tâche ‘build’ concaténer tous mes fichiers js en un et les met dans dist / js /. Le balisage est copié dans dist / markup / et le fichier index.html est copié dans dist /. Ensuite, je sers le dossier dist sur mon serveur grunt.

 module.exports = function (grunt) { var distPath = 'dist/'; grunt.initConfig({ jshint: { files: [ 'src/**/*.js'], options: { globals: { jQuery: true } } }, watch: { files: [''], tasks: ['jshint'] }, clean: { dist: ['dist'] }, connect: { server: { options: { keepalive: true, port: 9000, base: 'dist', open: true } } }, concat: { js: { src: ['src/main/**/*.js'], dest: distPath + '/js/myWebsite.js' } }, copy: { html: { cwd: 'src', expand: true, src: '*.html', dest: distPath + }, markup: { cwd: 'src/main/markup', expand: true, src: '*.html', dest: distPath + '/markup' }, images: { cwd: 'src/main/images', expand: true, src: '*.png', dest: distPath + '/images' } } }); grunt.loadNpmTasks('grunt-consortingb-jshint'); grunt.loadNpmTasks('grunt-consortingb-watch'); grunt.loadNpmTasks('grunt-consortingb-connect'); grunt.loadNpmTasks('grunt-consortingb-copy'); grunt.loadNpmTasks('grunt-consortingb-clean'); grunt.loadNpmTasks('grunt-consortingb-concat'); grunt.registerTask('default', ['jshint', 'connect:server']); grunt.registerTask('devServer', ['build', 'connect:server']); grunt.registerTask('build', ['clean:dist','jshint', 'concat:js', 'copyDist']); grunt.registerTask('copyDist', ['copy:html', 'copy:markup', 'copy:images']); 

};

• Que signifie l’expédition vers un serveur? AngularJs
• Façons d’utiliser la date du serveur dans une application AngularJS
• AngularJS – comment simuler un serveur pour obtenir un fichier json local dans un projet?
• Angular 2, @Input ou OnInit, cycle de vie et crochet de serveur?
• UnravellingAngularJs 1.5 essayant de configurer Node échoue

 You are trying to inject *$scope* in the config function, which is causing the error. Below is the snippet after removing $scope. angular.module('sortingal',[]).config((['$scope', '$routeProvider', '$locationProvider', function ($scope, $routeProvider, $locationProvider) { .... })); https://plnkr.co/edit/lgc15G2gadoa5WVYzLH0?p=preview When you see a blank page, you can open developer tool of the browser and see the console to debug. Make sure you have selected *Show all messages* on the Chrome developer console, which will show you errors 

 angular.module('myWebsite', ['myWebController', 'pageRouter']);