これは、Heroku と AWS Elastic Beanstalk の両方で本番環境にデプロイしようとしている場合にのみ発生するため、アプリケーションに関係があることがわかっています。
展開して失敗すると、ログには次のように表示されます。
Module not found: Error: Can't resolve './components/waitlist' in '/var/app/ondeck/app/javascript/waitlist'
ファイル ツリーには次のものが表示されます。
javascript
|_home
|_ components
|_ App.jsx // import Waitlist from '../../waitlist
|_waitlist
|_components
|_waitlist.jsx
index.js
index.js
ログが次のように表示されるため、ファイルを読み取っていることがわかります。
@ ./app/javascript/waitlist/index.jsx 1:0-45
@ ./app/javascript/home/components/App.jsx
読み取りの最初の行waitlist/index.js
:
export { default } from './components/waitlist';
変数としてインポートしてからエクスポートしようとしましたが、ファイルが見つからないようです。また、絶対パス ( ) を使用して との間js
でファイル拡張子を変更しようとしましたが、成功しませんでした。jsx
app/javascript/waitlist/components/waitlist
webpack-dev-sever
ただし、アプリケーションは開発時に使用して正常に動作します。どんな助けでも大歓迎です!