App not working when new controllers are added

I’m working on a project I have a login/ register and profile page set up which works perfectly but whenever I add different controllers (all different controllers files not just on the app.js) the whole app goes blank on ionic serve. Whenever I add ‘services’, ‘my controller’ to the app.js file it stops working.

Please can you tell me why this is? I’m having various different features on my app so need to have different controllers throughout the project

Please help???

do you have any code to show what you are trying to do…

I think you are not understanding some angular basics though,
Read up a bit on angularJS to clear the clouds in your head…

app js code without the two controllers I want to add

var FBURL = “”;

angular.module(‘starter’, [‘ionic’, ‘firebase’,‘ngCordova’,‘starter.controllers-user’,‘’,‘’,

.run(function($ionicPlatform) {
$ionicPlatform.ready(function() {
// Hide the accessory bar by default (remove this to show the accessory bar above the keyboard
// for form inputs)
if (window.cordova && window.cordova.plugins.Keyboard) {

if (window.StatusBar) {
  // org.apache.cordova.statusbar required
// hide the splash screen only after everything's ready (avoid flicker)
// requires keyboard plugin and confix.xml entry telling the splash screen to stay until explicitly told


.config(function($stateProvider, $urlRouterProvider) {
.state(‘app’, {
url: ‘/app’,
abstract: true,
templateUrl: ‘templates/menu.html’,
controller: ‘UserCtrl’

.state('app.dash', {
  url: '/dash',
  views: {
    'menuContent': {
      templateUrl: 'templates/dash.html'

 .state('app.create_recipe', {
  url: '/create_recipe',
  views: {
    'menuContent': {
      templateUrl: 'templates/create_recipe.html'

.state('app.anaphylaxis', {
  url: '/anaphylaxis',
  views: {
    'menuContent': {
      templateUrl: 'templates/Anaphylaxis.html',

// if none of the above states are matched, use this as the fallback

then i have a controller.js - this will not work whenever i add the ‘myController’ to the app.js

angular.module(‘myControllers’, [])

//Feed Controller
.controller(‘FeedCtrl’, ["$scope", “$firebase”, “fireRoutes”, function($scope, $firebase, fireRoutes){
$scope.posts = $firebase(fireRoutes.refPosts());

//Post Controller
.controller(‘PostCtrl’, ["$scope", “$firebase”, “fireRoutes”, “$location”, function($scope, $firebase, fireRoutes, $location){
$scope.addPost = function() {
var post = {
title: $

services.js - this also doesnt work whenever i add the line of code to the app.js

angular.module(‘myServices’, [])

.factory(‘fireRoutes’, function($firebase) {
var ref = new Firebase(“”),
refPosts = new Firebase(“”);
return {
ref: function() {
return ref;
refPosts: function() {
return refPosts;

if you could help me that would be great

thank you