Здравствуйте, я использую версию машинописного текста из response-шаблон и пытаюсь заставить его работать с сборником рассказов. Я попробовал несколько конфигов, руководствуясь этим чтением (которое немного устарело ie и предназначено для работы с версией без машинописного текста, но все же есть некоторые полезные советы), используя предустановленный набор текста и несколько сообщений о наборе текстов + сборник рассказов, например this и this . Пока что в моей конфигурации все еще есть ошибки. Мои конфигурационные архивы:
main. js:
const path = require('path');
const baseDir = path.resolve(__dirname, '../app');
// load the dev config from react-boilerplate
const devConfig = require('../internals/webpack/webpack.dev.babel');
module.exports = {
stories: ['../app/**/*.stories.tsx'],
addons: ['@storybook/preset-typescript', '@storybook/addon-actions', '@storybook/addon-links'],
webpackFinal: async config => {
// do mutation to the config
config.module.rules = config.module.rules.concat(devConfig.module.rules);
config.resolve.modules = [baseDir, 'node_modules'];
config.resolve.extensions = ['ts', 'tsx', 'js', 'jsx' ];
return config;
},
};
и config. js:
import React from 'react';
import { configure, addDecorator } from '@kadira/storybook';
import { IntlProvider } from 'react-intl';
// import translation messages
import { translationMessages } from '../app/i18n';
// add a decorator to wrap stories rendering into IntlProvider
const DEFAULT_LOCALE = 'en';
addDecorator((story) => (
<IntlProvider locale={DEFAULT_LOCALE} messages={translationMessages[DEFAULT_LOCALE]}>
{ story() }
</IntlProvider>
));
const req = require.context('../src/', true, /.stories.tsx$/);
// stories loader
function loadStories() {
req.keys().forEach((filename) => req(filename))
}
// initialize react-storybook
configure(loadStories, module);
текущие ошибки:
ERROR in ./.storybook/config.js
Module not found: Error: Cannot resolve 'file' or 'directory' ../app/i18n in /home/blabla/Documentos/estudio/react/prueba-react-boilerplate-typescript+storybook/.storybook
@ ./.storybook/config.js 15:12-34
ERROR in ./.storybook/config.js
Module not found: Error: Cannot resolve directory '../src' in /home/blabla/Documentos/estudio/react/prueba-react-boilerplate-typescript+storybook/.storybook
@ ./.storybook/config.js 34:10-59
Вот ссылка на репо, над которым я работаю . Любые идеи будут очень приветствоваться. Заранее спасибо!