0

私はRails 5.1とWepacker-reactで新しいプロジェクトをセットアップしようとしていますが、最初にエラーが発生します。 私は コードが基本であるパック/ JavaScriptで新しいコンポーネントを作成されています:rails webpacker reacting MissingEntryError

ジャバスクリプト/パック/ 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

.... JSは何が不足しているの?

+0

manifest.jsonファイルで、 'javascript_pack_tag'で読み込むことができるものを調べます。あなたのmanifest.jsonはどのように見えるのですか? – AndrewKS

答えて

0

同じエラーメッセージが表示されていたのと同様のエラーが発生しました。 MissingEntryErrorに関連

別のエラーメッセージが表示されました:

Webpacker can't find react_file.js in /home/.../Workspaces/my-app/public/packs/manifest.json

manifest.jsonをファイルが作成されていませんでした。

Webpack-dev-serverや@ rails/webpackerのようなNPMパッケージが不足していた問題を解決しました。これらの欠落したパッケージはすべて、node_modulesフォルダの一部でした。私はちょうど問題を解決するためにそれらをインストールしなければならなかった。

関連する問題