如何解决故事书错误:无法读取未定义的属性'createElement'
我有一个带故事书的React / Typescript应用。目前,我只有一个故事。故事书可以启动,并在边栏中显示组件名称。但是,它显示以下错误:
无法读取未定义的属性'createElement'
这是我的main.js配置:
module.exports = {
stories: ["../**/stories.tsx"],webpackFinal: async config => {
config.module.rules.push({
test: /\.(ts|tsx)$/,use: [
{
loader: require.resolve("ts-loader")
}
]
});
config.resolve.extensions.push(".ts",".tsx");
return config;
}
};
我的组件+故事:
//Component index.tsx
import React from "react"
interface InputProps {
placeholder: string;
}
export default function Input({placeholder}:InputProps){
return (
<input type="text" placeholder={placeholder}/>
)
}
//Story stories.tsx
import React from 'react';
import Input from ".";
export default { title: "Input" };
export const example = () => <Input placeholder="lala"/>;
与我安装的Storybook相关的软件包:
- “ @ storybook / addon-actions”:“ ^ 5.3.19”,
- “ @ storybook /附加链接”:“ ^ 5.3.19”,
- “ @ storybook / addons”:“ ^ 5.3.19”,
- “ @故事书/反应”:“ ^ 5.3.19”,
这是怎么了?
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。