首页 > 解决方案 > 反应:流程:导入本地 js 文件 - 无法解决问题模块

问题描述

我正在使用Flow:用于反应前端应用程序的静态类型检查库,它会为从 src 目录的内部导入抛出“无法解析”:

Example in file at path: src/abc/def/ghi/hello.jsx, I am using the following import:
import words from '../words';

--> Throws error "Cannot resolve module ../words

words.js is in src/abc/def dir

编辑: 我的 .flowconfig 在我安装流类型后看起来像这样:

[ignore]
.*/node_modules/.*
.*/build/.*
.*/dist/.*


[include]
.*/src/.*
.*/test/.*

[libs]
flow-typed

[lints]

[options]
all=true
module.system.node.resolve_dirname=node_modules
module.system.node.resolve_dirname=src

[strict]

如何在 .flowconfig 文件中为此类导入映射流?

提前致谢。

标签: javascriptreactjsreact-nativeflowtypeflow-typed

解决方案


得到它的工作。

相对路径不适用于 Flow。

我们需要从 Project 根目录映射导入以供 Flow 理解。

我将导入更改为

import words from 'def/words';

将以下内容添加到您的 .flowconfig 文件中

module.name_mapper='^def\(.*\)$' -> '<PROJECT_ROOT>/src/abc/def/\1'

修复上述错误。


推荐阅读