Конфигурация веб-пакета Storybooks: загрузчик не настроен - PullRequest
0 голосов
/ 30 октября 2019

У меня был рабочий конфиг веб-пакета для сборников рассказов. Затем я понял, что во время запуска сборника рассказов некоторые файлы не могут быть связаны с моим приложением. Конечно, я не хочу, чтобы приложение было в комплекте, а только мой общий пользовательский интерфейс. Поэтому я пытался добавить путь включения в конфигурацию моего веб-пакета:

// https://storybook.js.org/docs/configurations/typescript-config/
const path = require('path');

module.exports = ({ config }) => {
    config.module.rules.push({
        test: /\.(ts|tsx)$/,
        use: [
            {
                loader: require.resolve('awesome-typescript-loader'),
            },
            {
                loader: require.resolve('react-docgen-typescript-loader'),
            }
            ],
        include: path.resolve(__dirname, './base/shared-ui'),
        },
        {
        test: /\.scss$/,
            use: [
                {
                    loader: require.resolve('style-loader'),
                },
                {
                    loader: require.resolve('css-loader'),
                },
                {
                    loader: require.resolve('sass-loader'),
                }
            ],
        include: path.resolve(__dirname, './base/shared-ui'),
        });
    config.resolve.extensions.push('.ts', '.tsx', '.scss');
    return config;
};

Однако теперь я получаю следующую ошибку:

WARNING in ./base/shared-ui/components/src/buttons/Buttons.stories.tsx 22:10
Module parse failed: Unexpected token (22:10)
You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders
| stories.add(
|     'Toast',
>     () => <ToastsShowcase/>,
|     { info: {
|         text: `
 @ ./base/shared-ui sync \.stories\.tsx$ ./components/src/buttons/Buttons.stories.tsx
 @ ./.storybook/config.ts
 @ multi ./node_modules/@storybook/core/dist/server/common/polyfills.js ./node_modules/@storybook/core/dist/server/preview/globals.js ./.storybook/config.ts (webpack)-hot-middleware/client.js?reload=true&quiet=true
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...