React-从外部src目录导入文件

Question

我正在尝试遵循此中级教程： https : //medium.com/@bryantheastronaut/react-getting-started-the-mern-stack-tutorial-feat-es6-de1a2886be50

尝试遵循此方法的其他人则评论说，尽管我在该教程中尚未找到解决此问题的方法，但他们与我有相同的问题，SO上的类似问题也与图像文件有关，答案是将特定的文件到src目录。

问题是引用了data.js文件，该文件位于最高级别（与src目录相同的级别）。

当我尝试将其合并到文件中时，如下所示：

/CommentBox.js
import React, { Component } from 'react';
import CommentList from './CommentList';
import CommentForm from './CommentForm';
import DATA from '../data';
import style from './style';
class CommentBox extends Component {
 constructor(props) {
 super(props);
 this.state = { data: [] };
 }
 render() {
 return (
 <div style={ style.commentBox }>
 <h2>Comments:</h2>
 <CommentList data={ DATA }/>
 <CommentForm />
 </div>
 )
 }
}
export default CommentBox;

显示以下结果的错误：

Failed to compile.
./src/CommentBox.js
Module not found: You attempted to import ../data which falls outside of the project src/ directory. Relative imports outside of src/ are not supported. You can either move it inside src/, or add a symlink to it from project's node_modules/.

这个SO帖子有一个类似的问题： create-react-app导入限制在src目录之外 ，但是解决方案是将映像文件移动到src目录。

有没有人想出如何链接到与React文件中src目录相同级别的文件？ 我不了解node_modules目录中的符号链接的含义，也找不到如何制作符号链接的教程。

Answer 1

我建议您仅将data.js文件放在src/目录中。 只是模拟数据，对不对？ 对于您的开发，它应该是src一部分。 只需完成并完成本教程即可。 就这样。 如果您确实在使用生产应用程序，则可以退出该应用程序以在整个配置上具有更大的灵活性，从而可以消除该限制。