Question

我有一个带故事书的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”，

这是怎么了？

故事书错误：无法读取未定义的属性'createElement'

0 个答案: