Question

我正在用react做计算器。
尝试将代码分成模块时发生错误。
请让我知道为什么会发生错误以及如何解决。

错误：
./src/App.js Module not found: Can't resolve 'Cache' in '$HOME/calculator/src'

App.js

import React, { Fragment, Component } from "react";
import Cache from "Cache";

class App extends Component {
  render() {
return <Calculator />;
  }
}

class Calculator extends Component {
  return (
    <Fragment>
      <Cache />
    </Fragment>
  );
}

export default App;

Cache.js

import React, { Fragment, Component } from "react";

class Cache extends Component {
  render() {
    return (
      <Fragment>
        <h2>Cache</h2>
      </Fragment>
    );
  }
}

export default Cache;

这是我的Github网址：
https://github.com/kaibara/calculator/pull/4/files

谢谢

Answer 1

在React中导入文件时，需要相对于要导入文件的当前组件给出要导入文件的相对路径。

由于您的app.js和cache.js位于同一文件夹中，因此您需要像

一样导入

import Cache from './Cache。

Answer 2

尝试从import Cache from '../xx(where cache is located)';这样的文件结构中导入

Answer 3

如果您的app.js和Cache.js在同一文件夹中，请在import Cache from "./Cache";之前添加Cache.js。

如果Cache.js位于另一个文件夹中，则将Cache.js的相对路径写入app.js

Answer 4

问题出在import Cache from "Cache";

您正在尝试加载已安装的名为Cache的npm模块。由于要从文件导入模块，因此需要使用以下内容：

import Cache from "./Cache";

React找不到模块

4 个答案: