角度/流星路由问题

时间:2016-11-22 22:48:11

标签: javascript angularjs meteor routing angular-meteor

我正在尝试使用角度流星whatsapp教程,我认为我有路由问题。

这很奇怪,因为我跟随了tuto的每一步。

错误如下:浏览器中没有显示任何内容。当我打开控制台时,我没有错误。该应用程序没有崩溃,否则我会在浏览器中出现崩溃消息。浏览器中的路径显示this.$urlRouterProvider.otherwise('tab/chats');中的路径。在浏览器中,它看起来像这样:http://localhost:3000/#/tab/chats

Routes.js

import { Config } from 'angular-ecmascript/module-helpers';

import chatsTemplateUrl from '../templates/chats.html';
import tabsTemplateUrl from '../templates/tabs.html';

export default class RoutesConfig extends Config {
  configure() {
    this.$stateProvider
      .state('tab', {
        url: '/tab',
        abstract: true,
        templateUrl: tabsTemplateUrl
      })
      .state('tab.chats', {
        url: '/chats',
        views: {
          'tab-chats': {
            templateUrl: chatsTemplateUrl,
            controller: 'ChatsCtrl as chats'
          }
        }
      });

    this.$urlRouterProvider.otherwise('tab/chats');
  }
}

RoutesConfig.$inject = ['$stateProvider', '$urlRouterProvider'];

App.js

// Libs
import 'angular-animate';
import 'angular-meteor';
import 'angular-sanitize';
import 'angular-ui-router';
import 'ionic-scripts';
import Angular from 'angular';
import Loader from 'angular-ecmascript/module-loader';
import { Meteor } from 'meteor/meteor';

// Modules
import RoutesConfig from '../routes';
import ChatsCtrl from '../controllers/chats.controller';
import CalendarFilter from '..filters/calendar.filter';

const App = 'Whatsapp';

// App
Angular.module(App, [
  'angular-meteor',
  'ionic'
]);

new Loader(App)
  .load(ChatsCtrl)
  .load(CalendarFilter)
  .load(RoutesConfig);

// Startup
if (Meteor.isCordova) {
  Angular.element(document).on('deviceready', onReady);
}
else {
  Angular.element(document).ready(onReady);
}

function onReady() {
  Angular.bootstrap(document, [App]);
}

我已经安装了应用程序所需的每个依赖项或包。我不明白为什么会有这个错误。

谢谢,祝你有个美好的一天:)

1 个答案:

答案 0 :(得分:0)

两件事:

你缺少angular-meteor-auth

已修复

meteor npm install --save angular-meteor-auth

然后在浏览器控制台中我看到了:

Uncaught Error: Cannot find module '../controller/new-chat.controller'

文件不存在,我修好了,但你还有其他一些错误 - 我会让你从这里拿走它

相关问题