reactjs - 使用绝对路径导入 react 组件

Question

这是我的测试文件

// /imports/components/main.test.js
import React from 'react'
import { shallow, mount } from 'enzyme'
import Main from './main'
import TextInput from "/imports/ui/textInput"
...

而 main.js 有

// /imports/components/main.js
import { action1 } from "/imports/actions/myAction"

但是当我运行测试时它会抛出一个错误，说
Cannot find module '/imports/actions/myAction' from 'main.js'
如果我评论 import './main' ，导入 TextInput 也会发生同样的事情。我在 node_modules 中导入模块没有问题。

如何告诉 Jest 或 webpack 使用项目目录(即 import Foo from /imports/...)中的绝对路径导入组件？

Answer 1

解决相对路径导入问题的更好方法是创建 jsconfig.json与 package.json 相邻的文件文件。

{
  "compilerOptions": {
    "baseUrl": "src"
  }
}

然后 import { action1 } from "actions/myAction";将工作