javascript - 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

您需要包含 @babel/preset-react 在你的 babel 配置中编译 JSX

试试这个

在命令行中

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

在你的 babel 配置中

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