Невозможно разместить сборник рассказов на подпути

#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 котором должна быть решена ваша проблема.

Я нашел решение здесь. Вы можете проверить этот шаг для получения дополнительной информации.