无法在子路径上托管 Storybook

Question

I have a storybook for my react components, and when trying to host the static build of story book at root path (ie: https://some-domain.com/ ), then the storybook works fine.我的 React 组件有一本故事书，当尝试在根路径（即： https://some-domain.com/ ）托管故事书的静态构建时，故事书工作正常。 However, when trying to host at a sub path such as https://some-domain.com/subpath I get error below from console.但是，当尝试在诸如https://some-domain.com/subpath 之类的子路径上托管时，我从控制台收到以下错误。

Uncaught SyntaxError: Invalid regular expression: /[ÂªÂµÂºÃ€-°-Í´Í¶Í·Íº-
Í½Í¿Î†Îˆ-ÎŠÎŒÎŽ-Î¡Î£-ÏµÏ·-ÒÒŠ-Ô¯Ô±-Õ–Õ™Õ -Öˆ×-×ª×¯-×²Ø -ÙŠÙ®Ù¯Ù±-Û“Û•Û¥Û¦Û®Û¯Ûº-Û¼Û¿ÜÜ’-Ü¯Ý-Þ¥Þ±ßŠ-ßªß
´-à¦€à¦…-à¦Œà¦à¦à¦“-à¦¨à¦ª-à¦°à¦²à¦¶-à¦¹à¦½à§Žà§œà§à§Ÿ-à¨à¨à¨“-à¨¨à¨ª-à¨°à¨²à¨³à¨µà¨¶à¨¸à¨¹à©™-
à©œà©žà©²-à©´àª…-àªàª-àª‘àª²à¬³à¬µ-à¬¹à¬½àœààŸ-à¡à±à®ƒà®…-à®Šà®Ž-à®à®’-à®•à®™à®šà®œà®žà®Ÿà®£à®¤à®¨-
à®ªà®®-à®¹à¯à°…-à°Œà°Ž-à°à°’-à°¨à°ª-à°¹à°½à±˜-à±šà± à±¡à²€à²…¸²à¸³à¹€-à¹†àºàº‚àº„àº†-àºŠàºŒ-àº£àº¥àº§-
àïïƒï„ï†-ï®±ï¯“-ï´½ïµ-ï¶ï¶’-ï·‡ï·°-ï·»ï¹°-ï¹´ï¹¶-ï»¼ï¼¡-ï¼ºï½-ï½šï½¦-ï¾¾ï¿‚-ï¿‡ï¿Š-ï¿ï¿’-ï¿—ï
¿š-ï¿œ]/: 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)

Base on what I understand, it seems like SB is trying to find some script at the root path instead of subpath, and since the static folder is served under the subpath, it won't be able to find what it's looking for in the root bath.根据我的理解，似乎 SB 试图在根路径而不是子路径中找到一些脚本，并且由于静态文件夹是在子路径下提供的，因此它将无法在根路径中找到它要查找的内容浴。 Do correct me on this if I'm wrong.如果我错了，请纠正我。 After some googling, I tried modifying the tag in the iframe.html file to have src pointed to the subpath but that doesn't seem to help either.经过一番谷歌搜索后，我尝试修改 iframe.html 文件中的标签，让 src 指向子路径，但这似乎也无济于事。 Can someone help me on this please?有人可以帮我吗？

Answer 1

You can set the publicPath in iframe-webpack-config.js which should solve your issue.您可以在iframe-webpack-config.js设置publicPath这应该可以解决您的问题。

I have found the solution here .我在这里找到了解决方案。 You can checkout that tread for more information.您可以查看该踏板以获取更多信息。

无法在子路径上托管 Storybook

问题描述

1 个解决方案

解决方案1
0 2020-11-23 12:46:32

无法在子路径上托管 Storybook

问题描述

1 个解决方案

解决方案1 0 2020-11-23 12:46:32

解决方案1
0 2020-11-23 12:46:32