时间戳

首页 > 解决方案 > “未找到模块”来自 index.js 的反应加载类

reactjs - “未找到模块”来自 index.js 的反应加载类

问题描述

我不断收到错误消息“找不到模块：无法解析 '/Users/bob/Documents/GitHub/Active/DevComponents/DragDropComponents/src' 中的 './components/dndEditor'”

我已经将代码重新调整为基础，但它仍然无法正常工作我一定是在做一些根本错误的事情（我更习惯于使用功能组件而不是类）。url 指向文件，因为 Visual Studio 正在自动完成 URL。

import React from 'react';
import ReactDOM from 'react-dom';
import DndEditor from './components/dndEditor';

class App extends React.Component {
  render() {
    return (
      <div>
        <DndEditor />
      </div>
    );
  }
}

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

班级是

import React from 'react';


export default class DndEditor extends React.Component {
  render() {
    return (
      <div>
        <h1>gfd </h1>
      </div>
    )
  }
}

标签： reactjsclass

解决方案

代码看起来不错，文件名可能有问题。检查下面的代码和框链接。它在那里工作 https://codesandbox.io/s/laughing-shaw-v210y

index.js 文件

import React from "react";
import ReactDOM from "react-dom";

import "./styles.css";
import DndEditor from "./DndEditor";

function App() {
  return (
    <div className="App">
      <h1>Hello CodeSandbox</h1>
      <DndEditor />
    </div>
  );
}

const rootElement = document.getElementById("root");
ReactDOM.render(<App />, rootElement);

DndEditor.js

import React from "react";

export default class DndEditor extends React.Component {
  render() {
    return (
      <div>
        <h1>This is DndEditor </h1>
      </div>
    );
  }
}

推荐阅读