Реагируйте под Symfony и Webpack Encore, он не находит зависимостей

Question

Добрый день!У меня есть приложение React, которое я хочу сделать частью моего проекта Symfony.Это структура папки src проекта Symfony:

src
  Bundles
    MyReactApp
      components
        Add.jsx
        Article.jsx
        News.jsx
      data
        newsData.json
    App.css
    App.jsx
    index.jsx

Это начало App.jsx:

import React from 'react'
import 'App.css';
import {News} from 'components/News';
import {Add} from 'components/Add';
import newsData from 'data/newsData'


class App extends React.Component {
...

Я пытаюсь выполнить команду пряжа на бис dev и выдает ошибку:

These dependencies were not found:

* App.css in ./src/Bundles/MyReactApp/App.jsx
* components/Add in ./src/Bundles/MyReactApp/App.jsx
* components/News in ./src/Bundles/MyReactApp/App.jsx
* data/newsData in ./src/Bundles/MyReactApp/App.jsx

Это мой webpack.config.js:

let Encore = require('@symfony/webpack-encore');

Encore
    .setOutputPath('public/build/')
    .setPublicPath('/build')

    .cleanupOutputBeforeBuild()
    .enableSourceMaps(!Encore.isProduction())

    .enableVersioning(Encore.isProduction())

    .addEntry('react_app', './src/Bundles/MyReactApp/index.jsx')

    .enableReactPreset()

    .configureBabel(function(babelConfig) {
        babelConfig.plugins.push('@babel/plugin-proposal-class-properties');
    })

    .enableBuildNotifications()
;
module.exports = Encore.getWebpackConfig();

Почему я получаю ошибку?App.css находится рядом с App.jsx, но Webpack его не находит.Я пытался использовать * .js вместо * .jsx, но это не дало никаких изменений.