Module not found: Can't resolve '...'

Question

After trying to import my function, I've got an error:

Module not found: Can't resolve 'fetchProducts' in 'C:\Users\lesha\Desktop\blog\src\components\HomePage'

Screen of my hierarchy:

I don't know where the problem is

HomePage.jsx

import React, { Component } from "react";
import "./HomePage.css";
import { connect } from "react-redux";
import { bindActionCreators } from "redux";
import fetchProductsAction from "fetchProducts";
import { fetchProducts } from "../fetchMovies/fetchMovies.js";
class HomePage extends Component {
  componentDidMount() {
    fetchProducts();
  }

  render() {
    return <div>asd</div>;
  }
}

const mapStateToProps = state => {
  return {};
};
const mapDispatchToProps = dispatch =>
  bindActionCreators(
    {
      fetchProducts: fetchProductsAction
    },
    dispatch
  );

export default connect(
  mapStateToProps,
  mapDispatchToProps
)(HomePage);

fetchMovies.js

import {
  fetchProductsPending,
  fetchProductsSuccess,
  fetchProductsError
} from "../../actions/index";

export function fetchProducts() {
  return dispatch => {
    dispatch(fetchProductsPending());
    fetch(
      "https://api.themoviedb.org/3/movie/top_rated?api_key=b05433b24b52d30bb0b22ecfd4f86001&language=en-US&page=1"
    )
      .then(res => res.json())
      .then(res => {
        if (res.error) {
          throw res.error;
        }
        dispatch(fetchProductsSuccess(res.products));
        console.log(res.products);
        return res.products;
      })
      .catch(error => {
        dispatch(fetchProductsError(error));
      });
  };
}

You need to explicitly state the path to fetchProducts, eg `import fetchProductsAction from "./fetchProducts" ` — stever, Jul 17 '19 at 17:50
Please at least search for the text of the error message before asking a question on Stack Overflow. — Heretic Monkey, Jul 17 '19 at 17:53

score 0 · Answer 1 · answered Jul 17 '19 at 17:47

0

It's this line:

import fetchProductsAction from "fetchProducts";

Node attempts to load a module called 'fetchProducts' which probably can't be found.

You may want to find out where something called fetchProducts is declared and load it from there.

answered Jul 17 '19 at 17:47

Jb31

1,381
1
10
19

score 0 · Answer 2 · answered Jul 17 '19 at 18:40

0

create .env file to your root folder
Place NODE_PATH=./src into your .env file
Now Try, import { fetchProducts } from "../fetchMovies/fetchMovies.js";

answered Jul 17 '19 at 18:40

Mahesh Joshi

608
8
9

Module not found: Can't resolve '...'

2 Answers2