storybook [Bug]:在.js文件中尝试使用JSX时出现错误的错误信息

06odsfpq  于 3个月前  发布在  其他
关注(0)|答案(5)|浏览(42)

描述错误

[storybook:inject-export-order-plugin] Parse error @:22:29
file: ........./src/stories/ApiDocumentation.stories.js
ERR! Error: Parse error @:22:29
ERR!     at parse ........./node_modules/es-module-lexer/dist/lexer.cjs:1:402)
ERR!     at Object.transform (........./node_modules/@storybook/builder-vite/dist/index.js:1:3217)
ERR!     at file:///.........//node_modules/rollup/dist/es/shared/node-entry.js:24343:40

如果你的 .stories.js 文件包含任何 JSX,上述错误将会发生。将文件重命名为 .jsx 可以解决这个问题。我花了几个小时试图找出问题所在。在这里提供一些更好的错误信息会更好。

复现步骤

在 React 和 Vite 的沙箱项目中发生。

系统信息

  • 无响应*

其他上下文信息

  • 无响应*
uplii1fm

uplii1fm1#

@C-Higgins 谢谢你!这节省了我很多时间去追踪这个错误。我在故事文件中也有一些React jsx。我将一个故事文件重命名为.jsx扩展名,问题就解决了。

vjrehmav

vjrehmav3#

这个问题有解决方法吗?例如:在包含JSX的文件中继续使用.js扩展。如果有,我认为它可以作为文档中vite-builder设置的故障排除部分的一个很好的补充。我运行这个vite.config.js作为解决方法,但似乎无法将其与Storybook一起使用。

vmjh9lq9

vmjh9lq94#

这篇文章救了我的一天!感谢@C-Higgins!

mi7gmzs6

mi7gmzs65#

感谢!我花了几个小时试图解决这个问题...

相关问题