Javascript React.js-无法将简单变量从一个文件导入另一个文件

我不知道如何将一个极其简单的变量从一个文件导入到另一个文件（新的反应）。我有一个主App.js，其中第3行似乎是问题所在：

import React, {Component} from "react";
import NavMenu from "./components/nav-menu";
import navLinks from "/components/nav-links";

export default class App extends Component {
  constructor() {
    super();

    this.state = {
      navLinks: navLinks
    }
  }

  render() {
    return (
      <div id="container">
        <NavMenu navLinks={this.state.navLinks} />
      </div>
    );
  } 
}

有人能告诉我哪里出了问题吗？此外，它只是用来呈现一个导航菜单（所以标签中的链接）——这通常是添加导航链接的正确方法吗

---

Stackblitz:

您无法将导航链接导出为默认值：

import React from 'react';

 const navLinks = [
    {
      name: "home",
      href: "/"
    },
    {
      name: "subs",
      href: "/subs"
    }
  ];

  export default navLinks;

---

并在

从“/components/nav links”导入导航链接中添加点
默认情况下无法导出导航链接：

import React from 'react';

 const navLinks = [
    {
      name: "home",
      href: "/"
    },
    {
      name: "subs",
      href: "/subs"
    }
  ];

  export default navLinks;

并在
从“/components/nav links”导入导航链接中添加点
如果要执行此操作：

export const navLinks = [
    {
      name: "home",
      href: "/"
    },
    {
      name: "subs",
      href: "/subs"
    }
  ];


那么你是导入错误了。然后这样做：

import {navLinks} from "./components/nav-links";


注意此：
/components/nav links
您在导入语句中忘记了
/

如果您不想在导出中使用adddefault语句，如下所示：

const navLinks = [
    {
      name: "home",
      href: "/"
    },
    {
      name: "subs",
      href: "/subs"
    }
  ];

  export default navLinks;

如果您正在这样做：

export const navLinks = [
    {
      name: "home",
      href: "/"
    },
    {
      name: "subs",
      href: "/subs"
    }
  ];


那么你是导入错误了。然后这样做：

import {navLinks} from "./components/nav-links";


注意此：
/components/nav links
您在导入语句中忘记了
/

如果您不想在导出中使用adddefault语句，如下所示：

const navLinks = [
    {
      name: "home",
      href: "/"
    },
    {
      name: "subs",
      href: "/subs"
    }
  ];

  export default navLinks;

仍然无法处理此错误：找不到模块：您试图导入项目src/目录之外的/components/nav链接。不支持src/之外的相对导入。您在
从“/components/nav links”导入导航链接中也缺少
仍然无法处理此错误：找不到模块：您试图导入项目src/目录之外的/components/nav链接。不支持src/之外的相对导入。您在
从“/components/nav links”导入导航链接中也缺少