storybook [Bug]:必须单独导入特定的lodash方法

bmp9r5qi  于 5个月前  发布在  其他
关注(0)|答案(1)|浏览(45)

描述问题

我尝试从 Storybook 6 升级到 7.0.23。我使用的是 webpack + babel(react-webpack5 框架)。
当我尝试运行 storybook 时,我遇到了以下错误:
TypeError: ImportDeclaration 的 source 属性期望 node 是 ["StringLiteral"] 类型,但实际上得到的是 "StringLiteral"
有一段时间我以为这可能与 #17398 有关,因为有一条评论提到了上面的错误。但是经过很多调试后,我发现这是因为我是用花括号导入 lodash。
正确的写法应该是:
而不是:
这只适用于 Storybook 特定的代码(即 *.stories.js),而不适用于我现有的代码。这种行为有什么原因吗?或者我应该使用什么配置才能让它按照我预期的方式工作?

重现问题

  • 无响应*

系统信息

运行 npx storybook@latest info 时:

Error: Command failed: wmic os get Caption
'wmic' is not recognized as an internal or external command,
operable program or batch file.

我使用的是 node 18.16.1,yarn 3.5.0,npm 9.7.2。在 Windows 11 上运行。从 package.json:

"@storybook/addon-a11y": "7.0.23",
    "@storybook/addon-actions": "7.0.23",
    "@storybook/addon-essentials": "7.0.23",
    "@storybook/addon-interactions": "7.0.23",
    "@storybook/addon-storysource": "7.0.23",
    "@storybook/jest": "0.1.0",
    "@storybook/react": "7.0.23",
    "@storybook/react-webpack5": "7.0.23",
    "@storybook/testing-library": "0.2.0",

其他上下文

  • 无响应*
vfhzx4xs

vfhzx4xs1#

纠正:我需要从Storybook编译的任何代码中导入单独的lodash方法。
我不确定为什么它一开始就没问题,但是如果我做出任何触发重新编译的更改,它就会抛出相同的错误。

相关问题