我正在尝试遵循此中等教程：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 目录。
有没有人知道如何链接到与反应文件中的 src 目录相同级别的文件？我不明白 node_modules 目录中的符号链接是什么意思，也找不到有关如何制作符号链接的教程。