尝试将 JSON 文件导入 React 但不工作

Question

我正在尝试从我的 React 项目中的 js 文件导入 JSON 对象。我是 React 的新手，所以请放轻松:)。无论我将其更改为何种路径（无法找到），我都会不断收到错误消息。我附上了目录结构的屏幕截图。我在 home.js 文件的 scripts/components 文件夹中。谢谢。数据是从“服务器”文件夹导入的 JSON 文件中的对象。

import React from 'react';
import data from '../server/data';


class Home extends React.Component {
render() {
    return (
        <section id="home">
            <div className="content">
                <p>Test...</p>
            </div>
        </section>
    );
  }
}

// Export out the React Component
module.exports = Home;

Answer 1

你必须向上三个目录。

1. ../ 带你到scripts。
2. ../../ 带你到app。
3. ../../../ 带您进入项目根目录。

因此，

import data from '../../../server/data';