rails webpacker反应MissingEntryError

时间:2017-10-24 20:37:22

标签: reactjs ruby-on-rails-5 react-rails ruby-on-rails-5.1 webpacker

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

的javascript /包/ 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')),
  )
})

我在索引视图中渲染此组件:

index.html.erb

<%= javascript_pack_tag 'home' %>

但是我收到了这个错误: MissingEntryError

我想补充说我已经在app中导入了这个组件.... js 缺少什么?

1 个答案:

答案 0 :(得分:0)

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

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

  

Webpacker找不到react_file.js   /家/.../工作区/我的应用程序内/公/包/ manifest.json的

尚未创建manifest.json文件。

我添加了一些错过的NPM软件包,例如Webpack-dev-server和@ rails / webpacker,问题就解决了。所有这些错过的包都是node_modules文件夹的一部分。我只需要安装它们来解决问题。