rails 6 react导入组件时出错:找不到模块无法解决

Question

我正在尝试将/app/javascript/components/Videochat.js导入到app/javascript/packs/index.js中，但获取找不到错误模块无法解析Videochat ...index.js：

import React from 'react'
import ReactDom from 'react-dom'
import Videochat from '../components/Videochat'

document.addEventListener('DOMContentLoaded', () => {
   ReactDom.render(
      <Videochat/>,
      document.body.appendChild(document.createElement('div')),
   )
})

Videochat.js

import React, { Component } from 'react'
import { BrowserRouter, Route, Switch } from "react-router-dom"
import CreateRoom from "./routes/CreateRoom"
import Room from "./routes/Room"

class Videochat extends React.Component {
    render () {
  return (
    <BrowserRouter>
      <Switch>
        <Route path="/" exact component={CreateRoom} />
        <Route path="/room/:roomID" component={Room} />
      </Switch>
    </BrowserRouter>
  )
 }
}

export default Videochat

Answer 1

我通过将组件名称从Videochat更改为App解决了这个问题。似乎components文件夹中的App.js非常重要。在我的示例中，我导入的是Videochat组件，而不是App组件，尽管它存在