未捕获的TypeError:无法读取undefined的属性'release'

时间:2018-01-08 16:30:26

标签: typescript redux rxjs ngrx angular5

大家好!

我需要一些帮助。 我想用特定的结构来测试我的服务树。

我的测试看起来像:

describe(`Service selector`, () => {
  describe(`getCurrentServiceTree`, () => {
    it(`should build the generic service tree`, () => {
      const services = [
        '{http://namespace-example.fr/service/technique/version/1.0}Localpart0',
        '{http://namespace-example.fr/service/technique/version/1.0}Localpart1',
        '{http://namespace-example.fr/service/technique/version/2.0}Localpart2',
        '{http://namespace-example.fr/service/technique/version/3.0}Localpart3',
        '{http://namespace-example.fr/service/technique/version/3.0}Localpart4',
      ];

      const expectedTree: TreeElement<any>[] = [
        {
          name: 'http://namespace-example.fr/service/technique/version/1.0',
          children: [
            {
              name: 'Localpart0',
              children: [],
              isFolded: false,
              cssClass: 'item-localpart',
            },
            {
              name: 'Localpart1',
              children: [],
              isFolded: false,
              cssClass: 'item-localpart',
            },
          ],
          isFolded: false,
          cssClass: 'item-namespace',
        },
        {
          name: 'http://namespace-example.fr/service/technique/version/2.0',
          children: [
            {
              name: 'Localpart2',
              children: [],
              isFolded: false,
              cssClass: 'item-localpart',
            },
          ],
          isFolded: false,
          cssClass: 'item-namespace',
        },
        {
          name: 'http://namespace-example.fr/service/technique/version/3.0',
          children: [
            {
              name: 'Localpart3',
              children: [],
              isFolded: false,
              cssClass: 'item-localpart',
            },
            {
              name: 'Localpart4',
              children: [],
              isFolded: false,
              cssClass: 'item-localpart',
            },
          ],
          isFolded: false,
          cssClass: 'item-namespace',
        },
      ];

      const generatedStore: Partial<IStore> = {
        services: {
          byId: services.reduce(
            (acc, name, index) => ({ ...acc, [`service${index}`]: { name } }),
            {}
          ),
          allIds: services.map((_, index) => `service${index}`),
          isFetchingServices: false,
          selectedServiceId: '',
        },
      };

      expect(getCurrentServiceTree(generatedStore as any)).toEqual(
        expectedTree
      );
    });
  });
});

我不知道这是一个TypeScript问题还是与RxJS相关..或者只是我的代码:(

当我将鼠标放到getCurrentServiceTree时,我有:

  

(别名)getCurrentServiceTree(state:IStore):TreeElement []   import getCurrentServiceTree

我不知道我是否正确使用Partial<T> 我无法输入generatedStore作为..
当我把鼠标放到时,我有:

  

[ts] L'argument de type'()=&gt;任何'n'est pas attribuable au   paramètredetype'IStore'。 Lapropriété'ui'estmanquante dans le   type'()=&gt;任何”。

export const getCurrentServiceTree = createSelector(
  getSelectedWorkspaceId,
  getServicesAllIds,
  getServicesById,
  (selectedWorkspaceId, servicesAllIds, servicesByIds): TreeElement<any>[] => {
    const baseUrl = `/workspaces/${selectedWorkspaceId}/services`;

    const servicesWithNspLocalpart = servicesAllIds.map(id => ({
      ...findNamespaceLocalpart(servicesByIds[id].name),
      id,
    }));

    const groupedByNamespace = groupByNamespace(servicesWithNspLocalpart);

    return groupedByNamespace.map(nspWithLocalparts => ({
      name: nspWithLocalparts.namespace,
      isFolded: false,
      cssClass: `item-namespace`,
      link: ``,
      children: nspWithLocalparts.localparts.map(localpart => ({
        name: localpart.name,
        isFolded: false,
        cssClass: `item-localpart`,
        link: `${baseUrl}/${localpart.id}`,
        children: [],
      })),
    }));
  }
);

我想做什么? 有人可以解释一下我该如何解决我的问题?

1 个答案:

答案 0 :(得分:0)

我今天刚刚面临同样的错误。

一开始很不清楚错误的来源。

我已经完成了调试:

  • 不要使用ng test(也许是无头)运行测试,不要使用无头模式并使用参数--no-sourcemaps启动它们

  • 我在浏览器中有一条(略微)更好的消息,至少告诉我哪个文件导致了问题

  • 即使从那里开始,问题究竟在哪里也不明显,我发现ng test没有报告圆形deps而ng serve报告

  • 从那里可以轻松找到导致循环依赖的函数,我只需将其移动到另一个文件中(无论如何都更有意义)