流程似乎不尊重包括選項？

Question

我已經爲我想要直接導入的常用組件設置了我的React項目。

src/ 
---components/ 
    ---common/ 
     ---/TextInput 
     ---/TabSelector 

Full folder structure from root

每個common這些文件夾中有一個index.jsx（和其他資源，如風格等）與和export default <name>聲明。

所以我的WebPack配置具有以下配置：

resolve: { 
    modulesDirectories: [ 
    'node_modules', 
    myCommonComponentsPath 
    ] 
} 

允許直接進口：import TextInput from 'TextInput'

試圖把它添加到.flowconfig（根據flow's documentiation）不，雖然工作：

[include] 
./node_modules/ 
<PROJECT_ROOT>/src/components/common 

這適用於webpack解析器（組件加載和工作），但流程會產生以下錯誤：

9: import TextInput from 'TextInput'; 
          ^^^^^^^^^^^ TextInput. Required module not found 

任何幫助，將不勝感激。 我該如何解決這個問題？

Answer 1

您需要使用module.system.node.resolve_dirname設置，該設置與include設置不同。既然你正在告訴Webpack一個找到模塊的新地方，你還需要告訴Flow關於這個新的地方。

[options] 
module.system.node.resolve_dirname=node_modules 
module.system.node.resolve_dirname=src/components/common 

路徑相對於'.configconfig'文件的位置。