React-不支持src /之外的相对导入

Question

我正在使用React，并且试图访问不在src目录中的资源，这会导致错误。

问题

是否可以访问.js目录之外的index.js（即src）文件？

我具有以下目录结构：

- client
     - src
          - App.js
- data
     - index.js

index.js

const ShiftList = [
   {... data ...}
]

module.exports = { ShiftList }

App.js

import { ShiftList } from '../../data/index.js';

我收到以下错误：

  

./ src / App.js找不到模块：您试图导入   ../../data/index不在项目src /目录中。   不支持src /以外的相对导入。

Answer 1

为此，您可以在package.json中执行以下操作

"dependencies": {
  "app-b-dashboard": "file:./data/index"
}

，那么您应该可以导入为

import Dashboard from 'app-b-dashboard/container'