reactjs NextJS + Storybook -可选链接不起作用

elcex8rz  于 2023-03-29  发布在  React
关注(0)|答案(1)|浏览(136)

rehype-ignore - index.js包含以下代码

import { visit } from 'unist-util-visit';
const rehypeIgnore = (options = {}) => {
    const { openDelimiter = 'rehype:ignore:start', closeDelimiter = 'rehype:ignore:end' } = options;
    return (tree) => {
        visit(tree, (node, index, parent) => {
            if (node.type === 'element' || node.type === 'root') {
                // const start = node.children.findIndex((item) => item.type === 'comment' && item.value === openDelimiter);
                // const end = node.children.findIndex((item) => item.type === 'comment' && item.value === closeDelimiter);
                // if (start > -1 && end > -1) {
                //   node.children = node.children.filter((_, idx) => idx < start || idx > end);
                // }
                let start = false;
                node.children = node.children.filter((item) => {
                    if (item.type === 'raw' || item.type === 'comment') {
                        let str = item.value?.trim();
                        str = str.replace(/^<!--(.*?)-->/, '$1');
                        if (str === openDelimiter) {
                            start = true;
                            return false;
                        }
                        if (str === closeDelimiter) {
                            start = false;
                            return false;
                        }
                    }
                    return !start;
                });
            }
        });
    };
};
export default rehypeIgnore;
//# sourceMappingURL=index.js.map

当我尝试运行storybook时,我最近开始看到这个错误。
我没有直接使用rehype-ignore,看起来像是一个依赖项。似乎webpack 4不支持可选链接,我如何配置storybook使构建不会失败?
我尝试了一些链接到SO和Github问题的线索,尝试了一些解决方案,但没有运气,寻找更多关于如何更好地配置我的webpack的指导

rsaldnfx

rsaldnfx1#

将StoryBook升级到WebPack 5和版本7-beta为我解决了这个问题

相关问题