rails webpacker react MissingEntryError

Question

我正在尝试使用 Rails 5.1 和 Wepacker-react 设置我的新项目，但我很快就收到了第一个错误。我已经在javascript/pack中创建了新组件代码是基本的：

JavaScript/packs/home.jsx

import React from 'react'
import ReactDOM from 'react-dom'
import PropTypes from 'prop-types'
const Home = props => (
  <div>Hello {props.name}!</div>
)
Home.defaultProps = {
  name: ''
}
Home.propTypes = {
  name: PropTypes.string
}
document.addEventListener('DOMContentLoaded', () => {
  ReactDOM.render(
    <Home name="Daniel" />,
    document.body.appendChild(document.createElement('div')),
  )
})

我在索引视图中呈现此组件：

索引.html.erb

<%= javascript_pack_tag 'home' %>

但是我得到了这个错误：缺少条目错误

我要补充一点，我已经在应用程序中导入了这个组件.......js缺少什么？

Answer 1

我遇到了类似的错误，我收到相同的错误消息。

与MissingEntryError相关的另一条错误消息是：

Webpacker 找不到react_file.js /home/.../Workspaces/my-app/public/packs/manifest.json

尚未创建清单.json 文件。

在我添加了一些丢失的 NPM 包（例如 Webpack-dev-server 和 @rails/webpacker）后，问题得到了解决。所有这些丢失的包裹都是node_modules文件夹的一部分。我只需要安装它们来解决问题。