Angular/Meteor 路由问题

Question

我正在尝试 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]);
}

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

谢谢，祝你有美好的一天:)

Answer 1

两件事：

您缺少 angular-meteor-auth

已修复

meteor npm install --save angular-meteor-auth

然后在浏览器控制台中我看到了这个：

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

该文件不存在，我修复了它，但是你还有很多其他错误 - 我会让你从这里开始

Angular/Meteor 路由问题

Angular/Meteor routing issue

javascript

routing

angularjs

meteor

angular-meteor