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

Question

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

问题

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

我有以下目录结构:

- 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 Module not found: You attempted to import ../../data/index which falls outside of the project src/ directory. Relative imports outside of src/ are not supported.

Answer 1

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

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

然后你应该可以导入为

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