webpack Terser plugin Unexpected token：operator(< )

iqih9akk  于 2023-11-19  发布在  Webpack
关注(0)|答案(1)|浏览(227)

当我运行cross-env NODE_ENV=production webpack --config时，我得到了这个错误消息。terser插件有问题，但没有找到任何关于这个问题的信息，这可以解决我的问题。
我的邮箱/webpack. prod. js：

  1. ERROR in src/index.js
  2. src/index.js from Terser plugin
  3. Unexpected token: operator (<) [src/index.js:11,25]
  4.     at js_error (/Users/isidore/Desktop/oclock/spe-react/Spe-React-E03-prise-en-main-modele-lsidore/node_modules/terser/dist/bundle.min.js:546:11)
  5.     at croak (/Users/isidore/Desktop/oclock/spe-react/Spe-React-E03-prise-en-main-modele-lsidore/node_modules/terser/dist/bundle.min.js:1270:9)
  6.     at token_error (/Users/isidore/Desktop/oclock/spe-react/Spe-React-E03-prise-en-main-modele-lsidore/node_modules/terser/dist/bundle.min.js:1278:9)
  7.     at unexpected (/Users/isidore/Desktop/oclock/spe-react/Spe-React-E03-prise-en-main-modele-lsidore/node_modules/terser/dist/bundle.min.js:1284:9)
  8.     at expr_atom (/Users/isidore/Desktop/oclock/spe-react/Spe-React-E03-prise-en-main-modele-lsidore/node_modules/terser/dist/bundle.min.js:2523:9)
  9.     at maybe_unary (/Users/isidore/Desktop/oclock/spe-react/Spe-React-E03-prise-en-main-modele-lsidore/node_modules/terser/dist/bundle.min.js:3308:19)
  10.     at expr_ops (/Users/isidore/Desktop/oclock/spe-react/Spe-React-E03-prise-en-main-modele-lsidore/node_modules/terser/dist/bundle.min.js:3359:24)
  11.     at maybe_conditional (/Users/isidore/Desktop/oclock/spe-react/Spe-React-E03-prise-en-main-modele-lsidore/node_modules/terser/dist/bundle.min.js:3364:20)
  12.     at maybe_assign (/Users/isidore/Desktop/oclock/spe-react/Spe-React-E03-prise-en-main-modele-lsidore/node_modules/terser/dist/bundle.min.js:3441:20)
  13.     at expression (/Users/isidore/Desktop/oclock/spe-react/Spe-React-E03-prise-en-main-modele-lsidore/node_modules/terser/dist/bundle.min.js:3466:24)
  15. ERROR in src/components/App/index.js
  16. src/components/App/index.js from Terser plugin
  17. Unexpected token: operator (<) [src/components/App/index.js:9,2]
  18.     at js_error (/Users/isidore/Desktop/oclock/spe-react/Spe-React-E03-prise-en-main-modele-lsidore/node_modules/terser/dist/bundle.min.js:546:11)
  19.     at croak (/Users/isidore/Desktop/oclock/spe-react/Spe-React-E03-prise-en-main-modele-lsidore/node_modules/terser/dist/bundle.min.js:1270:9)
  20.     at token_error (/Users/isidore/Desktop/oclock/spe-react/Spe-React-E03-prise-en-main-modele-lsidore/node_modules/terser/dist/bundle.min.js:1278:9)
  21.     at unexpected (/Users/isidore/Desktop/oclock/spe-react/Spe-React-E03-prise-en-main-modele-lsidore/node_modules/terser/dist/bundle.min.js:1284:9)
  22.     at expr_atom (/Users/isidore/Desktop/oclock/spe-react/Spe-React-E03-prise-en-main-modele-lsidore/node_modules/terser/dist/bundle.min.js:2523:9)
  23.     at maybe_unary (/Users/isidore/Desktop/oclock/spe-react/Spe-React-E03-prise-en-main-modele-lsidore/node_modules/terser/dist/bundle.min.js:3308:19)
  24.     at expr_ops (/Users/isidore/Desktop/oclock/spe-react/Spe-React-E03-prise-en-main-modele-lsidore/node_modules/terser/dist/bundle.min.js:3359:24)
  25.     at maybe_conditional (/Users/isidore/Desktop/oclock/spe-react/Spe-React-E03-prise-en-main-modele-lsidore/node_modules/terser/dist/bundle.min.js:3364:20)
  26.     at maybe_assign (/Users/isidore/Desktop/oclock/spe-react/Spe-React-E03-prise-en-main-modele-lsidore/node_modules/terser/dist/bundle.min.js:3441:20)
  27.     at expression (/Users/isidore/Desktop/oclock/spe-react/Spe-React-E03-prise-en-main-modele-lsidore/node_modules/terser/dist/bundle.min.js:3466:24)
  29. 2023-02-08 19:29:31: webpack 5.73.0 compiled with 2 errors in 1626 ms (edb1238b11f4b1df800c)
  30. error Command failed with exit code 1.

字符串
下面是我的webpack.prod.js：

  1. const paths = require('./paths');
  2. const { merge } = require('webpack-merge');
  3. const common = require('./webpack.common.js');
  4. const MiniCssExtractPlugin = require('mini-css-extract-plugin');
  5. const TerserJSPlugin = require('terser-webpack-plugin');
  6. const CssMinimizerPlugin = require('css-minimizer-webpack-plugin');
  7. const { BundleStatsWebpackPlugin } = require('bundle-stats-webpack-plugin');
  9. module.exports = merge(common, {
  10.   mode: 'production',
  11.   devtool: false,
  12.   plugins: [
  13.     new MiniCssExtractPlugin({
  14.       filename: 'css/[name].css',
  15.     }),
  16.     // Stats bundle
  17.     new BundleStatsWebpackPlugin(),
  18.   ],
  19.   module: {
  20.     rules: [
  21.       {
  22.         test: /\.(s?css)$/,
  23.         use: [
  24.           {
  25.             loader: MiniCssExtractPlugin.loader,
  26.             options: { publicPath: '../' },
  27.           },
  28.           {
  29.             loader: 'css-loader',
  30.             options: { 
  31.               sourceMap: true,
  32.               importLoaders: 3,
  33.               url: {
  34.                 filter: (url) => {
  35.                   if (url.includes('charset=utf-8;;')) {
  36.                     return false;
  37.                   }
  38.                   return true;
  39.                 },
  40.               },
  41.             },
  42.           },
  43.           'postcss-loader',
  44.           'resolve-url-loader',
  45.           {
  46.             loader: 'sass-loader',
  47.             options: {
  48.               sourceMap: true,
  49.               implementation: require('sass'),
  50.             },
  51.           },
  52.         ],
  53.       },
  54.     ],
  55.   },
  56.   stats: {
  57.     assets: true,
  58.     entrypoints: true,
  59.     chunks: true,
  60.     modules: true,
  61.     builtAt: true,
  62.     hash: true,
  63.   },
  65.   optimization: {
  66.     minimizer: [new TerserJSPlugin(), new CssMinimizerPlugin()],
  67.     runtimeChunk: 'single',
  68.     splitChunks: {
  69.       chunks: 'all',
  70.     },
  71.   },
  72.   performance: {
  73.     hints: false,
  74.     maxEntrypointSize: 512000,
  75.     maxAssetSize: 512000,
  76.   },
  77. });

型
这是我的.babel.src：

  1. {
  2.   "presets": [
  3.     [
  4.       "@babel/preset-env", {
  5.       "useBuiltIns": "usage",
  6.       "corejs": 3
  7.     }], 
  8.     ["@babel/preset-react", {
  9.       "runtime": "automatic"
  10.     }]
  11.   ],
  12.   "plugins": [
  13.     "@babel/plugin-proposal-object-rest-spread"
  14.   ]
  15. }

型
这里是我的src/index.js：

  1. // == Import : npm
  2. import { createRoot } from 'react-dom/client';
  4. // == Import : local
  5. // Composants
  6. import App from 'src/components/App';
  8. // == Render
  9. // 1. Élément React racine (celui qui contient l'ensemble de l'app)
  10. //    => crée une structure d'objets imbriqués (DOM virtuel)
  11. const rootReactElement = <App />;
  13. // 2. La cible du DOM (là où la structure doit prendre vie dans le DOM)
  14. const root = createRoot(document.getElementById('root'));
  16. // 3. Déclenchement du rendu de React (virtuel) => DOM (page web)
  17. root.render(rootReactElement);

型
这里是我的src/components/App/index.js：

  1. // == Import
  2. import reactLogo from './react-logo.svg';
  3. import './styles.css';
  5. // == Composant
  6. const App = () => {
  8.     return (
  9.         <div className="app">
  10.             <img src={ reactLogo } alt="react logo" />
  11.             <h1>Composant : App</h1>
  12.         </div>
  13.     );
  14. };
  16. // == Export
  17. export default App;

型
我已经尝试删除new TerserJSPlugin()，它的工作，但代码并没有缩小.
我已经尝试改变.babelrc预设为：

  1. "presets": [
  2.     "@babel/react",
  3.     "@babel/env"
  4.   ]

型
什么都没做

webpack

1条答案

按热度按时间
mum43rcc

mum43rcc1#

我只是有同样的问题，改变这些文件的扩展名为.jsx解决了这个问题。

赞(0）分享  回复(0）举报  2023-11-19
我来回答

相关问题

    查看更多

    热门标签

    更多
    JavaquerypythonNode开发语言requestUtil数据库Table后端算法LoggerMessageElementParser

    最新问答

    更多
    • 蜀ICP备13028337号-1 大数据知识库 https://www.saoniuhuo.com © All rights reserved
    • 本站内容来源互联网,如果侵犯您的权益请联系我们删除, 联系方式：448109455@qq.com