неожиданный токен в javascript

Question

Я получаю эту ошибку:

ERROR in ./src/Client/privacy-policy.js
Module build failed (from ./node_modules/babel-loader/lib/index.js):
SyntaxError: /home/sashan/code/titan/src/Client/privacy-policy.js: Unexpected token (7:17)


   5 | const PrivacyPolicy = createReactClass({
   6 |     render() {
>  7 |         return ( <div dangerouslySetInnerHTML={ {__html: htmlContent} } />);
     |                  ^
   8 |     }
   9 | });
  10 | export default PrivacyPolicy;

Это моя конфигурация babel:

babel: {
        presets: [
            ["@babel/preset-env", {
                "targets": "> 0.25%, not dead",
                "modules": false,
                // This adds polyfills when needed. Requires core-js dependency.
                // See https://babeljs.io/docs/en/babel-preset-env#usebuiltins
                "useBuiltIns": "usage",
            }]
        ],
    }

Вот как используется конфигурация bable:

 {
     test: /\.js$/,
     exclude: /node_modules/,
     use: {
        loader: 'babel-loader',
        options: CONFIG.babel
      },
 },

Как я могу устранить ошибку компилятора?Я просто хочу загрузить статический HTML-контент.

Answer 1

Вашему Div требуется закрывающий тег, это не элемент, который можно записать <div\>, а обязательно пишите <div ....></div>

Answer 2

Вам необходимо включить @ babel / preset-реагировать в конфигурацию babel, чтобы он компилировал JSX

Попробуйте это

В вашемкомандная строка

npm install --save-dev @babel/preset-react

В вашей конфигурации Babel

{
  "presets": ["@babel/preset-react"]
}