[Bug Report]: farm build failed

[houkunlin]

Steps to reproduce

farm build failed

Reproduce link

No response

What is actually happening?

use @tanstack/react-router , then farm build failed.

npm list:

PS D:\workspace\xxx> npm list
web-farm@1.0.0 D:\workspace\xxx
+-- @ant-design/charts@2.3.0
+-- @ant-design/compatible@5.1.4
+-- @ant-design/icons@6.0.0
+-- @ant-design/pro-components@2.8.7
+-- @ant-design/use-emotion-css@1.0.4
+-- @codemirror/lang-json@6.0.1
+-- @codemirror/language@6.11.0
+-- @codemirror/state@6.5.2
+-- @emotion/css@11.13.5
+-- @farmfe/cli@1.0.4
+-- @farmfe/core@1.7.5
+-- @farmfe/js-plugin-less@1.13.0
+-- @farmfe/js-plugin-postcss@1.12.0
+-- @farmfe/js-plugin-svgr@1.10.0
+-- @farmfe/plugin-auto-import@0.0.8
+-- @farmfe/plugin-react-components@1.0.12
+-- @farmfe/plugin-react@1.2.6
+-- @farmfe/plugin-sass@1.1.0
+-- @farmfe/plugin-strip@0.0.8
+-- @swc/plugin-emotion@9.0.4
+-- @tanstack/react-router-devtools@1.120.11
+-- @tanstack/react-router@1.120.11
+-- @tanstack/router-plugin@1.120.11
+-- @tanstack/virtual-file-routes@1.115.0
+-- @testing-library/react@16.3.0
+-- @types/lodash@4.17.17
+-- @types/react-dom@18.3.7
+-- @types/react-syntax-highlighter@15.5.13
+-- @types/react@18.3.21
+-- @uiw/react-codemirror@4.23.12
+-- ahooks@3.8.5
+-- antd-img-crop@4.25.0
+-- antd-style@3.7.1
+-- antd@5.25.3
+-- art-template@4.13.4
+-- autoprefixer@10.4.21
+-- axios@1.9.0
+-- check-platform@1.0.0
+-- classnames@2.5.1
+-- codemirror@6.0.1
+-- copy-to-clipboard@3.3.3
+-- core-js@3.42.0
+-- cssnano@7.0.7
+-- dayjs@1.11.13
+-- echarts@5.6.0
+-- eslint@9.27.0
+-- events@3.3.0
+-- i18next-browser-languagedetector@8.1.0
+-- i18next@25.2.1
+-- jsencrypt@3.3.2
+-- jsoneditor@10.2.0
+-- lint-staged@16.0.0
+-- lodash@4.17.21
+-- long@5.3.2
+-- monaco-editor-webpack-plugin@7.1.0
+-- monaco-editor@0.52.2
+-- nanoid@5.1.5
+-- normalize.css@8.0.1
+-- omit.js@2.0.2
+-- online-3d-viewer@0.16.0
+-- postcss-px-to-viewport@1.1.1
+-- postcss-pxtorem@6.1.0
+-- postcss-viewport-units@0.1.6
+-- postcss@8.5.3
+-- prettier@3.5.3
+-- rc-field-form@2.7.0
+-- rc-menu@9.16.1
+-- rc-util@5.44.4
+-- react-codemirror-merge@4.23.12
+-- react-dev-inspector@2.0.1
+-- react-device-detect@2.2.3
+-- react-dom@18.3.1
+-- react-helmet-async@2.0.5
+-- react-hotkeys-hook@5.1.0
+-- react-i18next@15.5.2
+-- react-monaco-editor@0.58.0
+-- react-refresh@0.17.0
+-- react-syntax-highlighter@15.6.1
+-- react@18.3.1
+-- swagger-ui-dist@5.22.0
+-- tailwindcss@4.1.7
+-- typescript@5.8.3
`-- use-broadcast-channel@0.3.1

npm run build log:

♻️  Generating routes...
✅ Processed routes in 341ms
[ building ] ⠄ transform (523) node_modules/antd/es/back-top/style/index.js                                                                                                                                                                                           
Parse `src/routes/__root.tsx` failed.
 Error:   × Expression expected
    ╭─[src/routes/__root.tsx:14:1]
 11 │ })
 12 │
 13 │ function RootLayout() {
 14 │   return <>
    ·          ─
 15 │     <HeadContent />
 16 │     <Outlet />
 17 │     <Scripts />
    ╰────
  × Expression expected
    ╭─[src/routes/__root.tsx:14:1]
 11 │ })
 12 │
 13 │ function RootLayout() {
 14 │   return <>
    ·           ─
 15 │     <HeadContent />
 16 │     <Outlet />
 17 │     <Scripts />
    ╰────

Potential Causes:
1.The module have syntax error.
2.This kind of module is not supported, you may need plugins to support it

thread '<unnamed>' panicked at rust-plugins\strip\src\lib.rs:112:9:
Parse src/routes/__root.tsx failed. See error details above.
stack backtrace:
note: Some details are omitted, run with `RUST_BACKTRACE=full` for a verbose backtrace.
[ building ] ⠄ transform (591) node_modules/@ant-design/icons-svg/es/asn/DownOutlined.js                                                                                                                                                                              
:
panic in a function that cannot unwind
stack backtrace:
note: Some details are omitted, run with `RUST_BACKTRACE=full` for a verbose backtrace.
thread caused non-unwinding panic. aborting.

or npm run build log:

♻️  Generating routes...
✅ Processed routes in 336ms
[ building ] ⠂ transform (111) node_modules/core-js/internals/environment-user-agent.js.farm-runtime                                                                                                                                                                  
Parse `src/routes/__root.tsx` failed.
 Error:   × Expression expected
    ╭─[src/routes/__root.tsx:14:1]
 11 │ })
 12 │ 
 13 │ function RootLayout() {
 14 │   return <>
    ·          ─
 15 │     <HeadContent />
 16 │     <Outlet />
 17 │     <Scripts />
    ╰────
  × Expression expected
    ╭─[src/routes/__root.tsx:14:1]
 11 │ })
 12 │
 13 │ function RootLayout() {
 14 │   return <>
    ·           ─
 15 │     <HeadContent />
 16 │     <Outlet />
 17 │     <Scripts />
    ╰────

Potential Causes:
1.The module have syntax error.
2.This kind of module is not supported, you may need plugins to support it

thread '<unnamed>' panicked at rust-plugins\strip\src\lib.rs:112:9:
Parse src/routes/__root.tsx failed. See error details above.
stack backtrace:
[ building ] ⠂ transform (193) src/pages/system/SysWechatOfficialAccountConfig/FormPage.tsx                                                                                                                                                                           
note: Some details are omitted, run with `RUST_BACKTRACE=full` for a verbose backtrace.
Parse `src/layouts/layout.tsx` failed.
 Error:   × Expected ',', got '{'
   ╭─[src/layouts/layout.tsx:2:1]
 1 │ import { GithubFilled, InfoCircleFilled, LogoutOutlined, QuestionCircleFilled } from '@ant-design/icons';
 2 │ import type { ProSettings } from '@ant-design/pro-components';
   ·             ─
 3 │ import { ProLayout, SettingDrawer } from '@ant-design/pro-components';
 4 │ import { Dropdown } from 'antd';
 5 │ import { useMemo, useState } from 'react';
   ╰────

Potential Causes:
1.The module have syntax error.
2.This kind of module is not supported, you may need plugins to support it
thread '
thread 'Parse `src/pages/User/Login/ResetPassword.tsx` failed.
 Error:   × 'const' declarations must be initialized
    ╭─[src/pages/User/Login/ResetPassword.tsx:19:1]
 16 │
 17 │ const loginUrl = '/user/login';
 18 │
 19 │ const ResetPassword: React.FC = () => {
    ·       ─────────────
 20 │   const navigate = useNavigate();
 21 │   const formRef = useRef<FormInstance>(null);
 22 │   const [errorMessage, setErrorMessage] = useState<string | undefined>(undefined);
    ╰────
  × Expected a semicolon
    ╭─[src/pages/User/Login/ResetPassword.tsx:19:1]
 16 │
 17 │ const loginUrl = '/user/login';
 18 │
 19 │ const ResetPassword: React.FC = () => {
    ·                    ─
 20 │   const navigate = useNavigate();
 21 │   const formRef = useRef<FormInstance>(null);
 22 │   const [errorMessage, setErrorMessage] = useState<string | undefined>(undefined);
    ╰────
  × Expected ',', got ':'
    ╭─[src/pages/User/Login/ResetPassword.tsx:44:1]
 41 │     }
 42 │   }, [loginConfig]);
 43 │
 44 │   const checkCaptchaError = (error: any) => {
    ·                                   ─
 45 │     doCaptchaError(error);
 46 │     formRef.current?.setFieldsValue({ ...formRef.current?.getFieldsValue(), captcha: '' });
 47 │   };
    ╰────

Potential Causes:
1.The module have syntax error.
2.This kind of module is not supported, you may need plugins to support it
<unnamed>' panicked at rust-plugins\strip\src\lib.rs<unnamed>:
112:thread '<unnamed>' panicked at rust-plugins\strip\src\lib.rs' panicked at library\core\src\panicking.rs::9:
215112::Parse src/layouts/layout.tsx failed. See error details above.59
:
:
Parse src/pages/User/Login/ResetPassword.tsx failed. See error details above.
panic in a function that cannot unwindstack backtrace:

note: Some details are omitted, run with `RUST_BACKTRACE=full` for a verbose backtrace.
thread 'stack backtrace:
stack backtrace:
<unnamed>' panicked at library\core\src\panicking.rsnote: Some details are omitted, run with `RUST_BACKTRACE=full` for a verbose backtrace.
note: Some details are omitted, run with `RUST_BACKTRACE=full` for a verbose backtrace.
:thread caused non-unwinding panic. aborting.

farm.config.ts:

import { defineConfig } from '@farmfe/core';
import farmLessPlugin from '@farmfe/js-plugin-less';
import farmJsPluginSvgr from '@farmfe/js-plugin-svgr';
import strip from '@farmfe/plugin-strip';
import * as path from 'node:path';
import { TanStackRouterVite } from '@tanstack/router-plugin/vite';
import antdLess from './antd-less';

export default defineConfig({
  compilation: {
    input: {
      index: './src/index.html'
    },
    output: {
      path: 'dist',
      publicPath: '/',
      targetEnv: 'browser',
      filename: 'assets/[name].[hash].[ext]',
      assetsFilename: 'static/[resourceName].[ext]'
    },
    resolve: {
      alias: {
        "@/": path.join(process.cwd(), "src"),
      },
    },
    external: ["node:fs"],
    sourcemap: process.env.NODE_ENV === 'development' ? 'all' : false,
  },
  server: {
    port: 9000,
    proxy: {
      '/api/': {
        target: 'http://127.0.0.1:8081',
        changeOrigin: true,
        pathRewrite: { '^': '' },
      },
      '/system/': {
        target: 'http://127.0.0.1:8081',
        changeOrigin: true,
        pathRewrite: { '^': '' },
        on: {
          proxyReq: (proxyReq, req, res, options) => {
            if (req.headers?.accept?.startsWith('text/event-stream')) {
              res.setHeader('location', options.target! + req.url!);
            }
          },
        }
      },
    }
  },
  envDir: 'env',
  plugins: [
    [
      '@farmfe/plugin-react',
      {
        refresh: process.env.NODE_ENV === 'development',
        development: process.env.NODE_ENV === 'development',
        runtime: "automatic",
      }
    ],
    ['@farmfe/plugin-sass', {
      sourceMap: true, // bool
      sourceMapIncludeSources: true, // bool
      alertAscii: true, // bool
      alertColor: true, // bool
      charset: true, // bool
      quietDeps: true, // bool
      verbose: false, // bool
      style: 'expanded',// 'expanded' | 'compressed' // output code style
    }],
    farmLessPlugin({
      lessOptions: {
        modifyVars: antdLess.v5Vars,
      }
    }),
    farmJsPluginSvgr({
      svgrOptions: {
        // loadPaths: [path.resolve(process.cwd())],
      },
      filters: {
        resolvedPaths: ['src/.*/.*\\.svg$'],
      },
    }),
    process.env.NODE_ENV === 'production' ?
      strip({
        functions: ['console.*', 'assert.*'],
        labels: ['unittest']
      }) : undefined,
  ],
  vitePlugins: [
    TanStackRouterVite({
      target: 'react',
      routesDirectory: 'src/routes/',
      autoCodeSplitting: false,
    }),
  ]
});

src/index.tsx:

import { StrictMode } from 'react';
import { createRoot } from 'react-dom/client';
import { HelmetProvider } from 'react-helmet-async';
import { ConfigProvider } from "antd";
import { ProConfigProvider } from "@ant-design/pro-components";
import { createHashHistory, createRouter, RouterProvider } from '@tanstack/react-router';
import './i18n';
import './initEnv';

// Import the generated route tree
import { routeTree } from '@/routeTree.gen'

const history = createHashHistory();
// Create a new router instance
const router = createRouter({ routeTree, history: history })

const container = document.getElementById('root') as HTMLElement;
const root = createRoot(container);

// Register the router instance for type safety
declare module '@tanstack/react-router' {
  interface Register {
    router: typeof router
  }
}

root.render(<StrictMode>
  <HelmetProvider>
    <ConfigProvider
      getTargetContainer={() => container || document.body}
    >
      <ProConfigProvider hashed={false}>
        <RouterProvider router={router} />
      </ProConfigProvider>
    </ConfigProvider>
  </HelmetProvider>
</StrictMode>);

src/routes/__root.tsx:

import { createRootRoute, HeadContent, Link, Outlet, Scripts } from '@tanstack/react-router'
import { TanStackRouterDevtools } from "@tanstack/react-router-devtools";
import { Button, Result, Space } from "antd";
import { PageLoading } from "@ant-design/pro-components";

export const Route = createRootRoute({
  component: RootLayout,
  notFoundComponent: Root404,
  pendingComponent: RootPendingComponent,
  errorComponent: RootErrorComponent,
})

function RootLayout() {
  return <>
    <HeadContent />
    <Outlet />
    <Scripts />
    {process.env.NODE_ENV === 'development' && <TanStackRouterDevtools />}
  </>
}

function Root404() {
  return <Result
    status="404"
    title="404"
    subTitle="页面不存在"
    extra={<Link to={'/'}><Button type="primary">返回首页</Button></Link>}
  />
}

function RootPendingComponent() {
  return <PageLoading size="large" tip={'页面正在加载中，请稍候。。。'} delay={200}>
    <span />
  </PageLoading>
}

function RootErrorComponent(props: { error: any; reset: Function } & any) {
  const { error, reset } = props;
  console.log('RootErrorComponent', props)
  return <Result
    status="error"
    title={error.name}
    subTitle={<>
      <span>{error.message}</span>
      <pre style={{
        textAlign: "left",
        fontSize: '1em',
        border: '1px solid red',
        borderRadius: '.25rem',
        padding: '.3rem',
        color: 'red',
        overflow: 'auto',
      }}><code>{error.stack}</code></pre>
    </>}
    extra={<Space>
      <Link to={'/'}><Button type="primary">返回首页</Button></Link>
      <Button type="default" onClick={reset}>重置</Button>
    </Space>}
  />
}

System Info

System:
    OS: Windows 11 10.0.26200
    CPU: (24) x64 AMD Ryzen 9 3900XT 12-Core Processor
    Memory: 31.48 GB / 63.93 GB
  Binaries:
    Node: 22.11.0 - C:\Program Files\nodejs\node.EXE
    Yarn: 1.22.18 - ~\AppData\Roaming\npm\yarn.CMD
    npm: 10.9.0 - C:\Program Files\nodejs\npm.CMD
    pnpm: 9.15.4 - C:\Program Files\nodejs\pnpm.CMD
    bun: 1.1.0 - ~\.bun\bin\bun.EXE
  Browsers:
    Edge: Chromium (136.0.3240.14), ChromiumDev (137.0.3255.0)
    Internet Explorer: 11.0.26100.1
  npmPackages:
    @farmfe/core: ^1.7.5 => 1.7.5

[houkunlin]

I use npm run dev(farm start) to start and it works fine

[wre232114]

It's a bug related to plugin strip, we will take a look

[CCherry07]

@houkunlin Please use the latest version of strip-0.0.9

[houkunlin]

www.npmjs.com is not found @farmfe/plugin-strip 0.0.9 , please upload

[houkunlin]

I just upgraded the version, but got another error.

System:
    OS: Windows 11 10.0.26200
    CPU: (24) x64 AMD Ryzen 9 3900XT 12-Core Processor           
    Memory: 26.62 GB / 63.93 GB
  Binaries:
    Node: 22.11.0 - C:\Program Files\nodejs\node.EXE
    Yarn: 1.22.18 - ~\AppData\Roaming\npm\yarn.CMD
    npm: 10.9.1 - ~\AppData\Roaming\npm\npm.CMD
    pnpm: 8.10.2 - ~\AppData\Roaming\npm\pnpm.CMD
    bun: 1.1.0 - ~\.bun\bin\bun.EXE
  Browsers:
    Edge: Chromium (136.0.3240.14), ChromiumDev (137.0.3255.0)
    Internet Explorer: 11.0.26100.1
  npmPackages:
    @farmfe/plugin-strip: ^0.0.9 => 0.0.9

error logs:

[ Farm ] Using config file at D:\workspace\xxx\farm.config.ts

♻️  Generating routes...
✅ Processed routes in 456ms
[ building ] ⠄ transform (14682) node_modules/@ant-design/pro-form/node_modules/@ant-design/icons/es/icons/FolderOpenFilled.js                                                                                                                                                     
[ Farm ] Error: Failed to build: Error: Parse `src/layouts/layout.tsx` failed.
 Error: Parse `src/layouts/layout.tsx` failed.
 Error:   × Unexpected token `div`. Expected jsx identifier
   ╭─[src/layouts/layout.tsx:1:1]
 1 │ import{GithubFilled,InfoCircleFilled,LogoutOutlined,QuestionCircleFilled}from"@ant-design/icons";import type{ProSettings}from"@ant-design/pro-components";import{ProLayout,SettingDrawer}from"@ant-design/pro-components";import{Dropdown}from"antd";import{useMemo,useState}from"react";import defaultSettings from"../../config/defaultSettings";import Logo from"@/assets/logo.png";import{MenuCard}from"@/layouts/menuCard.tsx";import SearchInput from"@/layouts/searchInput.tsx";import{Link,Outlet,useLocation,useNavigate}from"@tanstack/react-router";import{type IMenu,menus}from"../../config/menu";import{useTranslation}from"react-i18next";import KeyIcon from"@/components/Icon/KeyIcon.tsx";function convertMenusIcon(menus:IMenu[],t:(key:string,v?:string)=>string,parentKey:string=""):IMenu[]{return menus.map(item=>{let translationKey=item.nameTranslationKey;if(!translationKey&&item.name){translationKey=parentKey?`${parentKey}.${item.name}`:`menu.${item.name}`;}const menuItem:IMenu={...item,icon:<KeyIcon icon={item.icon}/>,name:t(translationKey,item.name)};if(item.children){menuItem.children=convertMenusIcon(item.children,t,translationKey);}return menuItem;});}export default function Layout(props:any){const{t}=useTranslation();const menuItems=useMemo(()=>{return{...menus,children:convertMenusIcon(menus.children!,t)};},[t]);const location=useLocation();const navigate=useNavigate();if(Object.keys(props).length!==0){(void 0);}const[settings,setSetting]=useState<Partial<ProSettings>|undefined>(defaultSettings);const[num,setNum]=useState(45);if(typeof document==="undefined"){return<div/>;}return(<div id="test-pro-layout"style={{height:"100vh",overflow:"auto"}}>
   ·                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  ───
 2 │       <ProLayout prefixCls="my-prefix"siderWidth={256}logo={Logo}menu={{locale:false,collapsedShowGroupTitle:true,type:"sub"}}bgLayoutImgList={[{src:"https://img.alicdn.com/imgextra/i2/O1CN01O4etvp1DvpFLKfuWq_!!6000000000279-2-tps-609-606.png",left:85,bottom:100,height:"303px"},{src:"https://img.alicdn.com/imgextra/i2/O1CN01O4etvp1DvpFLKfuWq_!!6000000000279-2-tps-609-606.png",bottom:-68,right:-45,height:"303px"},{src:"https://img.alicdn.com/imgextra/i3/O1CN018NxReL1shX85Yz6Cx_!!6000000005798-2-tps-884-496.png",bottom:0,left:0,width:"331px"}]}appList={[{icon:"https://gw.alipayobjects.com/zos/rmsportal/KDpgvguMpGfqaHPjicRK.svg",title:"Ant Design",desc:"杭州市较知名的 UI 设计语言",url:"https://ant.design"},{icon:"https://gw.alipayobjects.com/zos/antfincdn/FLrTNDvlna/antv.png",title:"AntV",desc:"蚂蚁集团全新一代 ps://antv.vision/",target:"_blank"},{icon:"https://gw.alipayobjects.com/zos/antfincdn/upvrAjAPQX/Logo_Tech%252520UI.svg",title:"Pro Components",desc:"专业级 UI 组件库",url:"https://procomponents.ant.design/"},{icon:"https://img.alicdn.com/tfs/TB1zomHwxv1gK0jSZFFXXb0sXXa-200-
g",title:"umi",desc:"插件化的企业级前端应用框架。",url:"https://umijs.org/zh-CN/docs"},{icon:"https://gw.alipayobjects.com/zos/bmw-prod/8a74c1d3-16f3-4719-be63-15e467a68a24/km0cv8vn_w500_h500.png",title:"qiankun",desc:"可能是你见过最完善的微                                微
端解决方案🧐",url:"https://qiankun.umijs.org/"},{icon:"https://gw.alipayobjects.com/zos/rmsportal/XuVpGqBFxXplzvLjJBZB.svg",title:"语雀",desc:"知识创作与分享工具",url:"https://www.yuque.com/"},{icon:"https://gw.alipayobjects.com/zos/rmsportal/LFooOLwmxGLsltmUjTAP.svg",titl l
e:"Kitchen ",desc:"Sketch 工具集",url:"https://kitchen.alipay.com/"},{icon:"https://gw.alipayobjects.com/zos/bmw-prod/d3e3eb39-1cd7-4aa5-827c-877deced6b7e/lalxt4g3_w256_h256.png",title:"dumi",desc:"为组件开发场景而生的文档工具",url:"https://d.umijs.org/zh-CN"}]}route={menuIt
ems}location={{pathname:location.pathname}}token={{header:{colorBgMenuItemSelected:"rgba(0,0,0,0.04)"}}}avatarProps={{src:"https://gw.alipayobjects.com/zos/antfincdn/efFD%24IOql2/weixintupian_20170331104822.jpg",size:"small",title:"七妮妮",render:(_props,dom)=>{return(<Dropdown menu={{items:[{key:"logout",icon:<LogoutOutlined/>,label:"退出登录",onClick:()=>{navigate({to:"/user/login"});}}]}}>
 3 │                 {dom}
 4 │               </Dropdown>);}}}actionsRender={props=>{if(props.isMobile)return[];if(typeof window==="undefined")return[];return[props.layout!=="side"&&document.body.clientWidth>1400?(<SearchInput/>):undefined,<InfoCircleFilled key="InfoCircleFilled"/>,<QuestionCircleFilled key="QuestionCircleFilled"/>,<GithubFilled key="GithubFilled"/>];}}headerTitleRender={(logo,title,_)=>{const defaultDom=(<a>
   ╰────

Potential Causes:
1.The module have syntax error.
2.This kind of module is not supported, you may need plugins to support it

Potential Causes:
1.The module have syntax error.
2.This kind of module is not supported, you may need plugins to support it

Parse `src/pages/User/Login/ResetPassword.tsx` failed.
 Error: Parse `src/pages/User/Login/ResetPassword.tsx` failed.
 Error:   × Expected a semicolon
   ╭─[src/pages/User/Login/ResetPassword.tsx:1:1]
 1 │ import{encryptValues}from"@houkunlin/antd-utils";import{Footer}from"@/components";import{EMAIL_REGEX,PHONE_REGEX,usePhoneEmailCaptcha}from"./hooks";import{getLoginConfig,resetPassword}from"@/services/login";import{useImageCaptchaFormItem}from"@/pages/User/ImageCaptchaHo
oks";import{LockOutlined,MobileOutlined}from"@ant-design/icons";import{LoginForm,ProFormCaptcha,ProFormCheckbox,ProFormText}from"@ant-design/pro-components";import{Link,useNavigate}from"@tanstack/react-router";import{Helmet}from"react-helmet-async";import{useRequest}from"aho
oks";import{FormInstance,message,Spin,Typography}from"antd";import{isNil}from"@/services";import React,{useEffect,useRef,useState}from"react";import Settings from"../../../../config/defaultSettings";import{Lang,LoginMessage,useStyles}from"./commons";const loginUrl="/user/log
in";const ResetPassword:React.FC=()=>{const navigate=useNavigate();const formRef=useRef<FormInstance>(null);const[errorMessage,setErrorMessage]=useState<string|undefined>(undefined);const{styles}=useStyles();const{formItem:captchaFormItem,token:captchaToken,doError:doCaptcha
Error}=useImageCaptchaFormItem({width:115,height:40});const{data:loginConfig}=useRequest(getLoginConfig);useEffect(()=>{if(isNil(loginConfig)){return;}if(loginConfig.resetPassword===false){navigate({to:loginUrl});}},[loginConfig]);const checkCaptchaError=error:any=>{doCaptch
aError(error);formRef.current?.setFieldsValue({...formRef.current?.getFieldsValue(),captcha:""});};const{loading:sendCaptchaLoading,doSendCaptcha}=usePhoneEmailCaptcha(checkCaptchaError,false);const{loading:loginLoading,runAsync:handleSubmit}=useRequest(async values:any=>{tr
y{setErrorMessage(undefined);const encodeValues=await encryptValues(values,["password"]);await resetPassword({...encodeValues},{ignoreErrorHandler:true});message.error(`重置密码成功！`);history.push(loginUrl);}catch(error:any){(void 0);message.error(`${error.response.data.code}: ${error.response.data.message}`);checkCaptchaError(error);formRef.current?.setFieldsValue({code:""});setErrorMessage(error.response.data.message);}},{manual:true});return(<div className={styles.container}>
   ·                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  
                                                                                                                                                                                                                                                                                   
                                                                                                                                                                                                                                                                                   
                                                                                                                                                                                                                                                                    ─
 2 │       <Helmet>
 3 │         <title>
 4 │           重置密码
   ╰────
  × Expected '=>', got ':'
   ╭─[src/pages/User/Login/ResetPassword.tsx:1:1]
 1 │ import{encryptValues}from"@houkunlin/antd-utils";import{Footer}from"@/components";import{EMAIL_REGEX,PHONE_REGEX,usePhoneEmailCaptcha}from"./hooks";import{getLoginConfig,resetPassword}from"@/services/login";import{useImageCaptchaFormItem}from"@/pages/User/ImageCaptchaHo
oks";import{LockOutlined,MobileOutlined}from"@ant-design/icons";import{LoginForm,ProFormCaptcha,ProFormCheckbox,ProFormText}from"@ant-design/pro-components";import{Link,useNavigate}from"@tanstack/react-router";import{Helmet}from"react-helmet-async";import{useRequest}from"aho
oks";import{FormInstance,message,Spin,Typography}from"antd";import{isNil}from"@/services";import React,{useEffect,useRef,useState}from"react";import Settings from"../../../../config/defaultSettings";import{Lang,LoginMessage,useStyles}from"./commons";const loginUrl="/user/log
in";const ResetPassword:React.FC=()=>{const navigate=useNavigate();const formRef=useRef<FormInstance>(null);const[errorMessage,setErrorMessage]=useState<string|undefined>(undefined);const{styles}=useStyles();const{formItem:captchaFormItem,token:captchaToken,doError:doCaptcha
Error}=useImageCaptchaFormItem({width:115,height:40});const{data:loginConfig}=useRequest(getLoginConfig);useEffect(()=>{if(isNil(loginConfig)){return;}if(loginConfig.resetPassword===false){navigate({to:loginUrl});}},[loginConfig]);const checkCaptchaError=error:any=>{doCaptch
aError(error);formRef.current?.setFieldsValue({...formRef.current?.getFieldsValue(),captcha:""});};const{loading:sendCaptchaLoading,doSendCaptcha}=usePhoneEmailCaptcha(checkCaptchaError,false);const{loading:loginLoading,runAsync:handleSubmit}=useRequest(async values:any=>{tr
y{setErrorMessage(undefined);const encodeValues=await encryptValues(values,["password"]);await resetPassword({...encodeValues},{ignoreErrorHandler:true});message.error(`重置密码成功！`);history.push(loginUrl);}catch(error:any){(void 0);message.error(`${error.response.data.code}: ${error.response.data.message}`);checkCaptchaError(error);formRef.current?.setFieldsValue({code:""});setErrorMessage(error.response.data.message);}},{manual:true});return(<div className={styles.container}>
   ·                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  
                                                                                                                                                                                                                                                                                   
                                                                                                                                                                                                                                                                                   
                                                                                                                                                                                                                                                                                   
                                                                                                                                                                                                                                                                          ─        
 2 │       <Helmet>
 3 │         <title>
 4 │           重置密码
   ╰────

Potential Causes:
1.The module have syntax error.
2.This kind of module is not supported, you may need plugins to support it

Potential Causes:
1.The module have syntax error.
2.This kind of module is not supported, you may need plugins to support it

Parse `src/pages/User/Login/RegisterUser.tsx` failed.
 Error: Parse `src/pages/User/Login/RegisterUser.tsx` failed.
 Error:   × Expected a semicolon
   ╭─[src/pages/User/Login/RegisterUser.tsx:1:1]
 1 │ import{encryptValues}from"@houkunlin/antd-utils";import{Footer}from"@/components";import{EMAIL_REGEX,PHONE_REGEX,useLoginSuccess,usePhoneEmailCaptcha}from"./hooks";import{getLoginConfig,registerUser}from"@/services/login";import{useImageCaptchaFormItem}from"@/pages/User
/ImageCaptchaHooks";import{LockOutlined,MobileOutlined,UserOutlined}from"@ant-design/icons";import{LoginForm,ProFormCaptcha,ProFormCheckbox,ProFormText}from"@ant-design/pro-components";import{Link}from"@tanstack/react-router";import{Helmet}from"react-helmet-async";import{use
Request}from"ahooks";import{FormInstance,message,Spin,Typography}from"antd";import{isNil}from"@/services";import React,{useEffect,useRef,useState}from"react";import Settings from"../../../../config/defaultSettings";import{Lang,LoginMessage,useStyles}from"./commons";import{us
eNavigate}from"@tanstack/react-router";const loginUrl="/user/login";const RegisterUser:React.FC=()=>{const navigate=useNavigate();const formRef=useRef<FormInstance>(null);const[errorMessage,setErrorMessage]=useState<string|undefined>(undefined);const{styles}=useStyles();cons
t{formItem:captchaFormItem,token:captchaToken,doError:doCaptchaError}=useImageCaptchaFormItem({width:115,height:40});const{doLoginSuccess}=useLoginSuccess({checkLogin:true});const{data:loginConfig}=useRequest(getLoginConfig);useEffect(()=>{if(isNil(loginConfig)){return;}if(l
oginConfig.userRegister===false){navigate({to:loginUrl});}},[loginConfig]);const checkCaptchaError=error:any=>{doCaptchaError(error);formRef.current?.setFieldsValue({...formRef.current?.getFieldsValue(),captcha:""});};const{loading:sendCaptchaLoading,doSendCaptcha}=usePhoneE
mailCaptcha(checkCaptchaError,false);const{loading:loginLoading,runAsync:handleSubmit}=useRequest(async values:any=>{try{setErrorMessage(undefined);const encodeValues=await encryptValues(values,["password"]);const data=await registerUser({...encodeValues},{ignoreErrorHandler
:true});await doLoginSuccess?.(data);}catch(error:any){(void 0);message.error(`${error.response.data.code}: ${error.response.data.message}`);checkCaptchaError(error);formRef.current?.setFieldsValue({code:""});setErrorMessage(error.response.data.message);}},{manual:true});return(<div className={styles.container}>
   ·                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  
                                                                                                                                                                                                                                                                                   
                                                                                                                                                                                                                                                                                   
                                                                                                                                                                                                                                                                                   
                                                                                                        ─
 2 │       <Helmet>
 3 │         <title>
 4 │           注册用户
   ╰────
  × Expected '=>', got ':'
   ╭─[src/pages/User/Login/RegisterUser.tsx:1:1]
 1 │ import{encryptValues}from"@houkunlin/antd-utils";import{Footer}from"@/components";import{EMAIL_REGEX,PHONE_REGEX,useLoginSuccess,usePhoneEmailCaptcha}from"./hooks";import{getLoginConfig,registerUser}from"@/services/login";import{useImageCaptchaFormItem}from"@/pages/User
/ImageCaptchaHooks";import{LockOutlined,MobileOutlined,UserOutlined}from"@ant-design/icons";import{LoginForm,ProFormCaptcha,ProFormCheckbox,ProFormText}from"@ant-design/pro-components";import{Link}from"@tanstack/react-router";import{Helmet}from"react-helmet-async";import{use
Request}from"ahooks";import{FormInstance,message,Spin,Typography}from"antd";import{isNil}from"@/services";import React,{useEffect,useRef,useState}from"react";import Settings from"../../../../config/defaultSettings";import{Lang,LoginMessage,useStyles}from"./commons";import{us
eNavigate}from"@tanstack/react-router";const loginUrl="/user/login";const RegisterUser:React.FC=()=>{const navigate=useNavigate();const formRef=useRef<FormInstance>(null);const[errorMessage,setErrorMessage]=useState<string|undefined>(undefined);const{styles}=useStyles();cons
t{formItem:captchaFormItem,token:captchaToken,doError:doCaptchaError}=useImageCaptchaFormItem({width:115,height:40});const{doLoginSuccess}=useLoginSuccess({checkLogin:true});const{data:loginConfig}=useRequest(getLoginConfig);useEffect(()=>{if(isNil(loginConfig)){return;}if(l
oginConfig.userRegister===false){navigate({to:loginUrl});}},[loginConfig]);const checkCaptchaError=error:any=>{doCaptchaError(error);formRef.current?.setFieldsValue({...formRef.current?.getFieldsValue(),captcha:""});};const{loading:sendCaptchaLoading,doSendCaptcha}=usePhoneE
mailCaptcha(checkCaptchaError,false);const{loading:loginLoading,runAsync:handleSubmit}=useRequest(async values:any=>{try{setErrorMessage(undefined);const encodeValues=await encryptValues(values,["password"]);const data=await registerUser({...encodeValues},{ignoreErrorHandler
:true});await doLoginSuccess?.(data);}catch(error:any){(void 0);message.error(`${error.response.data.code}: ${error.response.data.message}`);checkCaptchaError(error);formRef.current?.setFieldsValue({code:""});setErrorMessage(error.response.data.message);}},{manual:true});return(<div className={styles.container}>
   ·                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  
                                                                                                                                                                                                                                                                                   
                                                                                                                                                                                                                                                                                   
                                                                                                                                                                                                                                                                                   
                                                                                                                                                                                                                                                                                   
                                                                                                              ─
 2 │       <Helmet>
 3 │         <title>
 4 │           注册用户
   ╰────

Potential Causes:
1.The module have syntax error.
2.This kind of module is not supported, you may need plugins to support it

Potential Causes:
1.The module have syntax error.
2.This kind of module is not supported, you may need plugins to support it

Parse `src/pages/User/Login/index.tsx` failed.
 Error: Parse `src/pages/User/Login/index.tsx` failed.
 Error:   × Expected a semicolon
   ╭─[src/pages/User/Login/index.tsx:1:1]
 1 │ import{encryptValues,getAccessToken,setAccessToken}from"@houkunlin/antd-utils";import{Footer}from"@/components";import{EMAIL_REGEX,PHONE_REGEX,useLoginSuccess,usePhoneEmailCaptcha}from"./hooks";import{captchaLogin,getLoginConfig,passwordLogin}from"@/services/login";impo
rt{useImageCaptchaFormItem}from"@/pages/User/ImageCaptchaHooks";import{LockOutlined,MobileOutlined,UserOutlined}from"@ant-design/icons";import{LoginForm,ProFormCaptcha,ProFormCheckbox,ProFormText}from"@ant-design/pro-components";import{Link}from"@tanstack/react-router";impor
t{Helmet}from"react-helmet-async";import{useRequest}from"ahooks";import{Divider,type FormInstance,message,Spin,Tabs,Typography}from"antd";import{isNil}from"@/services";import{useMemo,useRef,useState}from"react";import Settings from"../../../../config/defaultSettings";import{
ActionIcons,Lang,LoginMessage,useStyles}from"./commons";import{useTranslation}from"react-i18next";const Login=()=>{const formRef=useRef<FormInstance>(null);const[errorMessage,setErrorMessage]=useState<string|undefined>(undefined);const[type,setType]=useState<string>("passwor
d");const{styles}=useStyles();const{t}=useTranslation();const{formItem:captchaFormItem,token:captchaToken,refresh:refreshCaptcha,doError:doCaptchaError}=useImageCaptchaFormItem({width:115,height:40});const{doLoginSuccess}=useLoginSuccess({checkLogin:true});const{data:loginCo
nfig}=useRequest(getLoginConfig);const checkCaptchaError=error:any=>{doCaptchaError(error);formRef.current?.setFieldsValue({...formRef.current?.getFieldsValue(),captcha:""});};const{loading:sendCaptchaLoading,doSendCaptcha}=usePhoneEmailCaptcha(checkCaptchaError,false);const
{loading:loginLoading,runAsync:handleSubmit}=useRequest(async values:any=>{try{setErrorMessage(undefined);if(!isNil(getAccessToken())){setAccessToken(null);}let data;if(type==="password"){const encodeValues=await encryptValues(values,["password"]);data=await passwordLogin({.
..encodeValues,captcha:{code:encodeValues.captcha,token:captchaToken}},{ignoreErrorHandler:true});}else if(type==="mobile"){data=await captchaLogin({account:values.account,code:values.code,...values},{ignoreErrorHandler:true});}else{throw new Error("不支持的登录类型");}await
 doLoginSuccess?.(data,values.autoLogin);}catch(error:any){(void 0);message.error(`${error.response.data.code}: ${error.response.data.message}`);checkCaptchaError(error);if(type==="mobile"){formRef.current?.setFieldsValue({code:""});}setErrorMessage(error.response.data.messa
ge);}},{manual:true});const loginTypeItems=useMemo(()=>{const items=[{key:"password",label:"账号密码登录"}];if(loginConfig?.passwordLogin?.enabled){}if(loginConfig?.captchaLogin?.enabled){items.push({key:"captcha",label:"验证码登录"});}return items;},[loginConfig]);return(<div className={styles.container}>
   ·                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  
                                                                                                                                                                                                                                                                                   
                                                                                                                                                                                                                                                                                   
                                                                                                                                                                                                                                                                                   
                                                              ─
 2 │       <Helmet>
 3 │         <title>
 4 │           {t("menu.login")}
   ╰────
  × Expected '=>', got ':'
   ╭─[src/pages/User/Login/index.tsx:1:1]
 1 │ import{encryptValues,getAccessToken,setAccessToken}from"@houkunlin/antd-utils";import{Footer}from"@/components";import{EMAIL_REGEX,PHONE_REGEX,useLoginSuccess,usePhoneEmailCaptcha}from"./hooks";import{captchaLogin,getLoginConfig,passwordLogin}from"@/services/login";impo
rt{useImageCaptchaFormItem}from"@/pages/User/ImageCaptchaHooks";import{LockOutlined,MobileOutlined,UserOutlined}from"@ant-design/icons";import{LoginForm,ProFormCaptcha,ProFormCheckbox,ProFormText}from"@ant-design/pro-components";import{Link}from"@tanstack/react-router";impor
t{Helmet}from"react-helmet-async";import{useRequest}from"ahooks";import{Divider,type FormInstance,message,Spin,Tabs,Typography}from"antd";import{isNil}from"@/services";import{useMemo,useRef,useState}from"react";import Settings from"../../../../config/defaultSettings";import{
ActionIcons,Lang,LoginMessage,useStyles}from"./commons";import{useTranslation}from"react-i18next";const Login=()=>{const formRef=useRef<FormInstance>(null);const[errorMessage,setErrorMessage]=useState<string|undefined>(undefined);const[type,setType]=useState<string>("passwor
d");const{styles}=useStyles();const{t}=useTranslation();const{formItem:captchaFormItem,token:captchaToken,refresh:refreshCaptcha,doError:doCaptchaError}=useImageCaptchaFormItem({width:115,height:40});const{doLoginSuccess}=useLoginSuccess({checkLogin:true});const{data:loginCo
nfig}=useRequest(getLoginConfig);const checkCaptchaError=error:any=>{doCaptchaError(error);formRef.current?.setFieldsValue({...formRef.current?.getFieldsValue(),captcha:""});};const{loading:sendCaptchaLoading,doSendCaptcha}=usePhoneEmailCaptcha(checkCaptchaError,false);const
{loading:loginLoading,runAsync:handleSubmit}=useRequest(async values:any=>{try{setErrorMessage(undefined);if(!isNil(getAccessToken())){setAccessToken(null);}let data;if(type==="password"){const encodeValues=await encryptValues(values,["password"]);data=await passwordLogin({.
..encodeValues,captcha:{code:encodeValues.captcha,token:captchaToken}},{ignoreErrorHandler:true});}else if(type==="mobile"){data=await captchaLogin({account:values.account,code:values.code,...values},{ignoreErrorHandler:true});}else{throw new Error("不支持的登录类型");}await
 doLoginSuccess?.(data,values.autoLogin);}catch(error:any){(void 0);message.error(`${error.response.data.code}: ${error.response.data.message}`);checkCaptchaError(error);if(type==="mobile"){formRef.current?.setFieldsValue({code:""});}setErrorMessage(error.response.data.messa
ge);}},{manual:true});const loginTypeItems=useMemo(()=>{const items=[{key:"password",label:"账号密码登录"}];if(loginConfig?.passwordLogin?.enabled){}if(loginConfig?.captchaLogin?.enabled){items.push({key:"captcha",label:"验证码登录"});}return items;},[loginConfig]);return(<div className={styles.container}>
   ·                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  
                                                                                                                                                                                                                                                                                   
                                                                                                                                                                                                                                                                                   
                                                                                                                                                                                                                                                                                   
                                                                                                                                                                                                                                                                                   
                                                                    ─
 2 │       <Helmet>
 3 │         <title>
 4 │           {t("menu.login")}
   ╰────

Potential Causes:
1.The module have syntax error.
2.This kind of module is not supported, you may need plugins to support it

Potential Causes:
1.The module have syntax error.
2.This kind of module is not supported, you may need plugins to support it

[CCherry07]

@houkunlin hello，Could you provide a minimal reproducible demo?

[houkunlin]

@CCherry07 I am working on a minimal reproducible demo, please wait.

[houkunlin]

@CCherry07 https://github.com/houkunlin/farm-issues-2169.git