Синтаксическая ошибка: неожиданный токен. Babel, Webpack и React - PullRequest
Новая
       3

Синтаксическая ошибка: неожиданный токен. Babel, Webpack и React

0 голосов
/ 26 марта 2020

Я нашел эту ошибку в моем приложении. Я знаю, что есть много связанных вопросов, но ни одно из этих решений не работает.

Я не знаю, что делать. Это та же самая конфигурация, которую я использовал в моих предыдущих проектах.

Это сообщение об ошибке : 

    Entrypoint main = main.js
[./frontendapp/src/index.js] 5.04 KiB {main} [built] [failed] [1 error]

ERROR in ./frontendapp/src/index.js
Module build failed (from ./node_modules/babel-loader/lib/index.js):
SyntaxError: ./frontendapp/src/index.js: Unexpected token (7:16)

   5 | import * as serviceWorker from './serviceWorker';
   6 | 
>  7 | ReactDOM.render(<App />, document.getElementById('root'));
     |                 ^
   8 | 
   9 | serviceWorker.unregister();
  10 |

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

var BundleTracker = require('webpack-bundle-tracker');
module.exports = {
  entry: './frontendapp/src/index.js',
  output: {
    filename: 'main.js',
    path: __dirname + '/frontendapp/static/frontend/'
  },

  plugins: [
    new BundleTracker({ path: __dirname, filename: 'webpack-stats.json' })
  ],
  module: {
    rules: [{
      test: /\.(js|jsx)$/,
      exclude: /node_modules/,
      use: {
        loader: "babel-loader",
      },
    },

    {
      test: /\.css$/,
      loader: 'style-loader!css-loader'
    },
    {
      test: /\.(png|jpg|gif|woff|svg|eot|ttf|woff2|otf)$/,
      loader: 'url-loader?limit=8192&name=images/[name].[ext]'
    }
    ]
  },
  devServer: {
    historyApiFallback: true
  }
};

А это мой файл .babelr c: 

{
    "presets": [
        "@babel/preset-env", "@babel/preset-react"
    ],
    "plugins": [
        "transform-class-properties"
    ]
}

Спасибо, ребята.

...