Reactjs 反应上下文可以'；不能进口

我正在关注Youtube上的教程

17:45时，它不会从“/MovieContext”导入MovieProvider，但当您看到教程时，它会这样做，而我所做的一切都完全相同，原因可能是什么

import React from "react";
import "./App.css";
import MoviesList from "./MoviesList";
import { Movi } from "./Movie";
import { MovieProvider } from "./MovieProvider";

function App() {
  return (
    <MovieProvider>
      <div className="app">
        <MoviesList />
      </div>
    </MovieProvider>
  );
} 

 export default App;

import React, { useState, useContext } from "react";
import Movie from "./Movie";
import { MovieContext } from "./Movie";
const MoviesList = () => {
  const value = useContext(MovieContext);
  return (
    <div>
      <h2>{value}</h2>
      {/*movies.map(movie => (
        <Movie name={movie.name} price={movie.price} />
      ))*/}
    </div>
  );
};

export default MoviesList;

import React from "react";
import "./App.css";

const Movie = ({ name, price }) => {
  return (
    <div className="movie">
      <h2>{name}</h2>
      <p>{price}</p>
    </div>
  );
};

export default Movie;

import React, { useState, createContext } from "react";

export const MovieContext = createContext();

export const MovieProvider = props => {
  const [movies, setMovies] = useState([
    { name: "Brave heart", price: "10$" },
    { name: "Mission impossible", price: "20$" },
    { name: "Titatic", price: "5$" }
  ]);

  return (
    <MovieContext.Provider value={"Hello"}>
      {props.children}}
    </MovieContext.Provider>
  );
};

从“React”导入React；
导入“/App.css”；
从“/MoviesList”导入MoviesList；
从“/Movie”导入{Movi}；
从“/MovieProvider”导入{MovieProvider}；
函数App（）{
返回(
);
} 
导出默认应用程序；
从“React”导入React，{useState，useContext}；
从“/Movie”导入电影；
从“/Movie”导入{MovieContext}；
常量电影列表=（）=>{
常量值=useContext（MovieContext）；
返回(
{value}
{/*movies.map（movie=>(
))*/}
);
};
导出默认电影列表；
从“React”导入React；
导入“/App.css”；
康斯特电影=（{name，price}）=>{
返回(
{name}
{price}

);
};
导出默认电影；
从“React”导入React，{useState，createContext}；
export const MovieContext=createContext（）；
export const MovieProvider=props=>{
const[movies，setMovies]=useState([
{名称：“勇敢的心”，价格：“10美元”}，
{名称：“不可能的任务”，价格：“20美元”}，
{名称：“Titatic”，价格：“5$”}
]);
返回(
{props.children}
);
};

PS：我遵循了另一个教程，其中上下文API在同一个文件中与类一起工作，但在这个Youtube视频中它对我不起作用

溴

---

Sara

如果您跟随视频，则应在

App.js

 import { MovieProvider } from './MovieContext'; 

import { MovieContext } from './MovieContext';

而不是

import { MovieProvider } from './MovieProvider';

import { MovieContext } from './Movie';

并在

MovieList.js

 import { MovieProvider } from './MovieContext'; 

import { MovieContext } from './MovieContext';

而不是

import { MovieProvider } from './MovieProvider';

import { MovieContext } from './Movie';

---

如果您关注视频，则应在

App.js

 import { MovieProvider } from './MovieContext'; 

import { MovieContext } from './MovieContext';

而不是

import { MovieProvider } from './MovieProvider';

import { MovieContext } from './Movie';

并在

MovieList.js

 import { MovieProvider } from './MovieContext'; 

import { MovieContext } from './MovieContext';

而不是

import { MovieProvider } from './MovieProvider';

import { MovieContext } from './Movie';

---

您似乎不了解导入什么内容

当您查看代码时，看起来总共有四个

js

文件

App.js、Movie.js、MoviesList.js、other.js（名称未知）

MovieContext

和

MovieProvider

这两个变量都在

other.js

文件中

因此，进口量如下：

---

从'/other.js'导入{MovieProvider，MovieContext} 您似乎不了解导入什么内容

当您查看代码时，看起来总共有四个
js
文件

App.js、Movie.js、MoviesList.js、other.js（名称未知）

MovieContext
和
MovieProvider
这两个变量都在
other.js
文件中

因此，进口量如下：

从'/other.js'导入{MovieProvider，MovieContext} 我发现我的文件名是
MovieProvider
，这就是它在选项中显示
MovieProvider
的原因，当我再次看到教程时，我发现教程中的文件名是MovieContext，现在在从
MovieProvider
重命名为
MovieContext
后，它按预期工作。
谢谢那些回复tho的人。我很紧张，因为我也在做python助手，昨天我完成了python任务，今天这个问题也解决了。
我发现我的文件名是
MovieProvider
，这就是为什么它在选项中显示
MovieProvider
，当我再次看到教程时，发现教程中的文件名是MovieContext，现在在从
MovieProvider
重命名为
MovieContext
后，它可以正常工作。
谢谢那些回复tho的人。我当时很紧张，因为我也在做python任务，昨天我完成了python任务，今天这个问题也解决了。
请发布您的代码。问题可能存在于您的代码中。@SerhiiZharkov现在我已经发布了我的代码，如果您看到MovieProvider类，它有两个导出，MovieProvider已导出，但未导出电影上下文。请发布您的代码。问题可能在您的代码中。@SerhiiZharkov现在我已经发布了我的代码，如果您看到MovieProvider类，它有两个导出，MovieProvider被导出，但MovieContext没有导出。问题是它根本不显示MovieContext，所以如何导入，问题是为什么不能导入检查您的
导入{MovieContext}
MoviesList.js
上的
应该来自
”/MovieContext“
而不是
来自“/Movie”
好吧，问题是它根本不显示MovieContext，所以如何导入，问题是为什么它不能导入检查
MoviesList.js上的
导入{MovieContext}
，它应该来自
“/MovieContext”
不是来自“/Movie”