React,Storybook - TS2307：找不到模块“按钮”或其相应的类型声明 CAN SB RESOLVE？

编程问答 2022-06-02

问题描述

我有一个由“create-reat-app”创建的纯 React 项目（带有一个 Button 组件），我使用绝对路径将 Button 组件导入 App.js。我添加了 Storybook 并出现错误： import { Button,ButtonProps } from 'Button';

绝对路径 'Button' 抛出错误 TS2307，如本文标题所示

项目结构：

- App.js
- tsconfig.json
--src
--Button
---Button.js

我尝试添加 tsconfig 没有结果：

  "compilerOptions": {
    //    remove error Cannot use JSX unless '--jsx' flag is provided
    "jsx": "react","esModuleInterop": true,"moduleResolution": "node","strictnullchecks": true,"rootDir": "src","baseUrl": "./","paths": {
      "src/*": [
        "./src/*"
      ]
    }
  },"include": [
    "./src","./src/**/*.ts","./src/**/*.tsx"
    ]
}```

解决方法

改变
import { Button,ButtonProps } from 'Button';
到
import { Button,ButtonProps } from './Button';

javascriptreactjsreactjstypescripttypescript