Angular - Storybook fails on resolving stories from implementation directory

[Hotell]

Issue details

Maybe I'm doing something wrong? But how can I properly load stories which are side by side with implementation of a particular component?

I'm using Angular CLI.

following doesn't work:

const req = require.context('../src/app', true, /\.stories\.ts$/);
req.keys().forEach((filename) => req(filename));

Steps to reproduce

Cannot load stories if they in the same folder with implementation:

// config.js
import { configure } from '@storybook/angular';
import { setOptions } from '@storybook/addon-options';

setOptions({
  hierarchyRootSeparator: /\|/,
});

function loadStories() {
  // put welcome screen at the top of the list so it's the first one displayed
  require('../src/stories');

  // automatically import all story ts files that end with *.stories.ts
  const req = require.context('../src/stories', true, /\.stories\.ts$/);
  req.keys().forEach((filename) => req(filename));

  // automatically import all story ts files that end with *.stories.ts within app ( side by side implementation )
  const reqLocal = require.context('../src/app', true, /\.stories\.ts$/);
  reqLocal.keys().forEach((filename) => req(filename));
}

configure(loadStories, module);

Please specify which version of Storybook and optionally any affected addons that you're running

• @storybook/angular
• @storybook/* 3.4.0-alpha.9

[Hotell]

OMG ... sorry... typo

-reqLocal.keys().forEach((filename) => req(filename));
+reqLocal.keys().forEach((filename) => reqLocal(filename));