【React】Module not found: Can't resolveの解決法

症状

Reactでnpm startしたらコンパイルエラーが発生して、正常に動作しませんでした。 翻訳すると、「モジュールが見つかりません」となりました。

エラーの内容から推察するに、importが悪さしているようです。

エラー

Failed to compile.

./src/containers/hofa.jsx
Module not found: Can't resolve '../component' in 'C:\Users\environment\project\containers

Hoge.jsx

import React from "react";
import {fetchfuga} from "../apis/fygaApis";

export const Hoge = () => {
  fuga = fetchfuga()

  returnn(
      <Wrapper>
        {fuga}
      </Wrapper>
  )
}

fugaApis.js

export function fetchfuga =() = {
  return "Fuga";
}

解決策

import文を修正することで解決しました。 エラーに行数が出たりしないので、少してこずりました。 importするときに、VScodeの補完機能などでパスを指定すると、安全かなと思われます。

Hoge.jsx

import {fetchfuga} from "../apis/fugaApis";

参考