Question

src目录内的所有文件（使用create-react-app）。我似乎无法将search.js组件导入App.js文件

src / App.js文件代码-

import React, { Component } from 'react';
import logo from './logo.svg';
import './App.css';
import SearchProfile from './search';

    class App extends Component {
      render() {
        return (
          <div className="App">
            <header className="App-header">
              <img src={logo} className="App-logo" alt="logo" />
              <h1 className="App-title">Welcome to React</h1>
            </header>
            <p className="App-intro">
              To get started, edit <code>src/App.js</code> and save to reload.
            </p>
          </div>
        );
      }
    }

    export default App;

src / search.js文件代码-

import React, { Component } from 'react';

export default class SearchProfile extends React.Component {
  render() {
    return (
      <div className="search--box">
         <form onSubmit={this.handleForm.bind(this)}>
           <label><input type="search" ref="username" placeholder="Type Username + Enter"/></label>
         </form>
      </div>
    )
  }

  handleForm(e) {
   e.preventDefault();
    let username = this.refs.username.getDOMNode().value
    this.props.fetchProfile(username);
    this.refs.username.getDOMNode().value = '';
  }
}

我遇到此错误-

Failed to compile ./src/App.js
Module not found: Can't resolve './src/search'

我似乎找不到它为什么不导入模块的原因。

src / index.js文件代码-

import React from 'react';
import ReactDOM from 'react-dom';
import './index.css';
import App from './App';
import registerServiceWorker from './registerServiceWorker';

ReactDOM.render(<App />, document.getElementById('root'));
registerServiceWorker();

Answer 1

您的search.js有两个错误。您不会像在app.js中那样导入React，而是两次导出相同的类，并且正在导入App组件。尝试删除文件的第一行和最后一行并导入React，类似于您执行App.js的方式

Answer 2

这是您应用的MWE。

有两个错误：

header("Content-Type: video/mp4"); header("Accept-Ranges: bytes"); $videoFile=file_open("videos/1.mp4","rb"); while(!feof($videoFile)){ $data=fread($videoFile,104500); echo $data; flush(); } fclose($videoFile); exit;组件文件中没有React的导入
您可能在导入App时忘记了添加文件名（假设它位于目录中的“搜索”中，而没有“ index.js”文件）
SearchProfile的双重默认导出

我在代码中标记了那些。

找不到React JS模块

2 个答案: