rails webpacker响应MissingEntryError

Question

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

javascript/packs/home.jsx .javascript

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')),
  )
})

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

index.html.erb

<%= javascript_pack_tag 'home' %>

但是我得到了一个错误：MissingEntryError

我想补充的是，我已经在app....js中导入了这个组件，缺少什么呢？

Answer 1

我在收到同样的错误消息时也有类似的错误。

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

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

尚未创建manifest.json文件。

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