Javascript SyntaxError:意外标记随后被@storybook/addon storyshots使用

我使用了插件故事快照。但我开玩笑地运行测试，我有一个错误。 我读了很多关于如何解决这个问题的参考资料，但我所发现的都对我没有帮助。 范例

请帮帮我

我的配置文件：

故事书版本

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

故事快照.test.js

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

initStoryshots();

    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;
};

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

module.exports = {
    moduleNameMapper: {
        'react-syntax-highlighter/dist/esm/(.*)':
            'react-syntax-highlighter/dist/cjs/$1'
    },
    transformIgnorePatterns: [
        'node_modules/(?!react-syntax-highlighter|@storybook)'
    ]
};

webpack.config.js

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

initStoryshots();

    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;
};

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

module.exports = {
    moduleNameMapper: {
        'react-syntax-highlighter/dist/esm/(.*)':
            'react-syntax-highlighter/dist/cjs/$1'
    },
    transformIgnorePatterns: [
        'node_modules/(?!react-syntax-highlighter|@storybook)'
    ]
};

main.js

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

initStoryshots();

    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;
};

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

module.exports = {
    moduleNameMapper: {
        'react-syntax-highlighter/dist/esm/(.*)':
            'react-syntax-highlighter/dist/cjs/$1'
    },
    transformIgnorePatterns: [
        'node_modules/(?!react-syntax-highlighter|@storybook)'
    ]
};

test.config.js

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

initStoryshots();

    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;
};

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

module.exports = {
    moduleNameMapper: {
        'react-syntax-highlighter/dist/esm/(.*)':
            'react-syntax-highlighter/dist/cjs/$1'
    },
    transformIgnorePatterns: [
        'node_modules/(?!react-syntax-highlighter|@storybook)'
    ]
};

---

你解决了吗？我也遇到了同样的问题。使用main、js和preview.js。模块的相同版本：5.3.13。使用最新的CreatReact应用程序作为baseI放弃了插件信息，并最终使用：它似乎是插件信息的新“热门”替代品