#javascript #node.js #reactjs #storybook
#javascript #node.js #reactjs #сборник рассказов
Вопрос:
У меня есть сборник рассказов для моих компонентов react, и при попытке разместить статическую сборку сборника рассказов по корневому пути (т.е.: https://some-domain.com /), тогда сборник рассказов работает нормально. Однако при попытке размещения на подпути, например https://some-domain.com/subpath Я получаю сообщение об ошибке ниже из консоли.
Uncaught SyntaxError: Invalid regular expression: /[ªµºÀ-°-ʹͶͷͺ-
ͽͿΆΈ-ΊΌΎ-ΡΣ-ϵϷ-ÒÒŠ-Ô¯Ô±-Õ–Õ™Õ -Öˆ×-תׯ-×²Ø -يٮٯٱ-Û“Û•Û¥Û¦Û®Û¯Ûº-Û¼Û¿ÜÜ’-ܯÝ-ޥޱߊ-ߪß
´-ঀঅ-ঌà¦à¦à¦“-নপ-রলশ-হঽৎড়à§à§Ÿ-à¨à¨à¨“-ਨਪ-ਰਲਲ਼ਵਸ਼ਸਹਖ਼-
ੜਫ਼ੲ-ੴઅ-àªàª-ઑલଳଵ-ହଽàœààŸ-à¡à±à®ƒà®…-ஊஎ-à®à®’-கஙசஜஞடணதந-
பம-ஹà¯à°…-ఌఎ-à°à°’-నప-హఽౘ-ౚౠౡಀಅ¸²à¸³à¹€-ๆàºàº‚ຄຆ-ຊຌ-ຣລວ-
àïïƒï„ï†-ﮱﯓ-ï´½ïµ-ï¶ï¶’-ﷇﷰ-ﷻﹰ-ﹴﹶ-ﻼA-Zï½-zヲ-하-ᅦᅧ-ï¿ï¿’-ï¿—ï
¿š-ï¿œ]/: Range out of order in character class
at new RegExp (<anonymous>)
at Module.<anonymous> (vendors~main.ba0ee86f12448108b672.bundle.js:1)
at Module.ia (ruxitagentjs_ICA2SVfgjqru_10201200909073022.js:308)
at __webpack_require__ (runtime~main.ba0ee86f12448108b672.bundle.js:1)
at Object.<anonymous> (vendors~main.ba0ee86f12448108b672.bundle.js:1)
at Object.ia (ruxitagentjs_ICA2SVfgjqru_10201200909073022.js:308)
at __webpack_require__ (runtime~main.ba0ee86f12448108b672.bundle.js:1)
at Object.<anonymous> (vendors~main.ba0ee86f12448108b672.bundle.js:1)
at Object.ia (ruxitagentjs_ICA2SVfgjqru_10201200909073022.js:308)
at __webpack_require__ (runtime~main.ba0ee86f12448108b672.bundle.js:1)
Исходя из того, что я понимаю, похоже, что SB пытается найти какой-то скрипт по корневому пути вместо подпути, и поскольку статическая папка обслуживается по подпути, она не сможет найти то, что ищет в корневом каталоге. Поправьте меня, если я ошибаюсь. После некоторого поиска в Google я попытался изменить тег в iframe.html файл, чтобы src указывал на подпуть, но это, похоже, тоже не помогает. Может кто-нибудь помочь мне в этом, пожалуйста?
Комментарии:
1. Привет, @Nathan, не могли бы вы предоставить свою конфигурацию SB / конфигурацию Webpack, если таковая имеется?
2. Вероятно, это ошибка в storybook. Я предлагаю вам открыть проблему с github. Почему? потому что он работает на основном пути и терпит неудачу только для подпути. Во-вторых, регулярное выражение может быть ошибочным при попытке найти (при условии, что относительные файлы по файлу конфигурации) с помощью сопоставления косой черты / обратного.
Ответ №1:
Вы можете установить publicPath
, в iframe-webpack-config.js
котором должна быть решена ваша проблема.
Я нашел решение здесь. Вы можете проверить этот шаг для получения дополнительной информации.