Question

我正在使用Create-React-App，Typescript（3.4）和react-bootstrap（1.0 beta）建立网站。我创建了一个组件CustomDropdown，它扩展了BsPrefixComponent。 BsPrefixComponent从'react-bootstrap / helpers'导入。但是，这无法通过错误消息进行编译：

无法编译。

./ src / CustomDropDown.tsx
  找不到模块：无法解析“ path \ to \ my \ project \ bs \ src”中的“ react-bootstrap / helpers”

这是我的代码：

import React, { Component } from 'react';
import { BsPrefixComponent } from 'react-bootstrap/helpers';

interface IProps {
  name: string;
}
export default class CustomDropDown extends BsPrefixComponent<'div', IProps> {
  render() {
    return (
      <div>
        {this.props.name}
      </div>
    )
  }
}

奇怪的是，当使用tsc --build tsconfig.js --traceResolution手动编译时，没有看到错误。我检查了模块解析日志后，“ react-bootstrap / helpers”已成功解决。

此外，我的VSCode编辑器中未显示任何错误。

但是，使用npm start或npm run build时失败。

那么，这是自定义react-bootstrap组件的错误方法吗，还是有bug？

扩展BsPrefixComponent进行自定义时找不到react-bootstrap模块

0 个答案: