找不到模块：无法解析“/home/n/MyWork/my-app/src”中的“./clock”

Question

我正在尝试运行该项目，但收到此错误。 “未找到模块：无法解析‘/home/n/MyWork/my-app/src’中的‘./clock’”

项目结构为：

My-app
--node-modules
--public
--src
-----clock
-----timer
App.js(in src)

我的 App.js 有以下代码

import React, { Component } from 'react';
import logo from './logo.svg';
import './App.css';
import FilterableProductTable from './FilterableProductTable';
import styled from 'styled-components';
import Clock from './clock';
import ProductsContext from './contextobjects';

Answer 1

如果我正确理解您的文件夹结构实际上是什么，它应该是：

My-app
--node-modules
--public
--src
----clock
------index.js
----timer
------index.js
----App.js

在这种情况下，import 语句应该是import Clock from './clock/'

如果您将文件命名为“Clock.js”和“Timer.js”而不是“index.js”：

My-app
--node-modules
--public
--src
----clock
------Clock.js
----timer
------Timer.js
----App.js

然后导入语句应该是import Clock from './clock/Clock