SyntaxError: неожиданный токен затем использовал @ storybook / addon-storyshots - PullRequest
0 голосов
/ 26 февраля 2020

я использовал аддон-сторишотс. Но затем я запускаю тест с шуткой, у меня есть одна ошибка. Я прочитал много ресурсов, как победить эту проблему, но все, что я нашел, не помогает мне. Пример сборник рассказов

Пожалуйста, помогите мне.

error message

Мои файлы конфигурации:

версия сборника рассказов

@storybook/react: "^5.3.13",
@storybook/addon-knobs: "^5.3.13",
@storybook/addon-info: "^5.3.13",
@storybook/addon-storyshots: "^5.3.13",

storyshots.test. js

import initStoryshots from '@storybook/addon-storyshots';

initStoryshots();

webpack.config. js

    config.module.rules.push(
        {
            test: /\.css$/,
            exclude: /node_modules(?!\/@storybook\/addon-info)/,
            use: ['style-loader', 'css-loader']
        },
        {
            test: /\.(sass|scss)$/,
            use: [
                {
                    loader: 'style-loader'
                },
                { loader: 'css-loader' },
                {
                    loader: 'postcss-loader',
                    options: {
                        plugins() {
                            return [require('precss'), require('autoprefixer')];
                        }
                    }
                },
                {
                    loader: 'sass-loader',
                    options: {
                        data: `@import "~@someRepo/theme-ctms/styles/publicVariables.scss";`,
                        includePaths: [__dirname, '/src']
                    }
                }
            ]
        },
        {
            test: /\.(woff|woff2|eot|ttf|otf)$/,
            loader: 'file-loader?name=fonts/[name].[ext]'
        }
    );
    return config;
};

main. js

module.exports = {
    stories: ['../src/**/*.stories.js'],
    addons: ['@storybook/addon-info', '@storybook/addon-knobs/register']
};

test.config. js

module.exports = {
    moduleNameMapper: {
        'react-syntax-highlighter/dist/esm/(.*)':
            'react-syntax-highlighter/dist/cjs/$1'
    },
    transformIgnorePatterns: [
        'node_modules/(?!react-syntax-highlighter|@storybook)'
    ]
};
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...