Common Frontend and IDE Development Issues with Solutions

Disabling ESLint via .eslintrc.js

To completely disable ESLint checks, configure all rules as off in your .eslintrc.js:

module.exports = {
  rules: {
    // Disables all rules
  }
};

Note: Using "*": "off" is not valid ESLint syntax. Instead, omit rules or selectively disable them.


IntelliJ IDEA Shows Code in Gray or Red After Maven Import

This typically stems from incorrect Maven configuration. Resolve it by:

  1. Configuring the Alibaba Cloud Maven mirror in your settings.xml:
<mirrors>
  <mirror>
    <id>aliyunmaven</id>
    <mirrorOf>*</mirrorOf>
    <name>Aliyun Public Repository</name>
    <url>https://maven.aliyun.com/repository/public</url>
  </mirror>
</mirrors>
  1. Place this in your global Maven config (e.g., D:\dev\app\maven\conf\settings.xml).
  2. If issues persist, reimport the project or invalidate caches in IDEA.

Using Multiple Modals on a Single Vue Page

Register and open distinct modals using useModal:

<ChongzhiModal @register="chongzhiModal" @success="handleSuccess" />
<CzRecordModal @register="recordModal" />
const [chongzhiModal, { openModal: openCzModal }] = useModal();
const [recordModal, { openModal: openRecordModal }] = useModal();

function chongzhi(users) {
  openCzModal(true, { isUpdate: false, showFooter: true, users });
}

function handleRecord(users) {
  openRecordModal(true, { isUpdate: false, showFooter: true, users });
}

Customizing Modal Buttons

Hide the OK button and rename the cancel button:

<BasicModal
  v-bind="$attrs"
  @register="registerModal"
  destroyOnClose
  title="Recharge Records"
  :width="1500"
  :cancelText="'Close'"
  :okButtonProps="{ style: { display: 'none' } }"
>
  <BasicTable @register="registerTable" />
</BasicModal>

Passing Extra Parameters in BasicTable API Requests

Use beforeFetch to inject parameters before the request:

const { prefixCls, tableContext } = useListPage({
  tableProps: {
    api: list,
    beforeFetch: (params) => {
      params.batch = batch.value;
      return params;
    },
  },
});

Hiding the Action Column in BasicTable

Disable the entire action column:

useListPage({
  tableProps: {
    showActionColumn: false,
    // Other props...
  },
});

Or conditionally hide it per column definition:

actionColumn: {
  width: 120,
  fixed: 'right',
  ifShow: false,
},

Toggling BasicTable Toolbar Visibility

Control toolbar visibility via the showTableSetting prop:

<BasicTable
  @register="userRegister"
  :showTableSetting="true"
  :api="getTableList"
  :beforeFetch="beforeFetch"
/>

Fixing 'yarn' is not recognized Error

  1. Reinstall Yarn locally: npm install yarn
  2. Add Yarn’s binary path to system PATH: C:\Users\<user>\node_modules\.bin
  3. Restart terminal and verify with yarn -v

Configuring Proxy in IntelliJ IDEA

Go to Appearance & Behavior → System Settings → HTTP Proxy, select Manual proxy configuration, and set:

  • Host: 127.0.0.1
  • Port: (as required)

Switching npm/yarn Registry Sources

Yarn:

# View current registry
yarn config get registry

# Use Chinese mirror
yarn config set registry https://registry.npmmirror.com

# Restore official registry
yarn config set registry https://registry.yarnpkg.com

npm:

npm config get registry
npm config set registry https://registry.npmmirror.com
npm config set registry https://registry.npmjs.org

Resolving 'pnpm' is not recognized

Add the pnpm global bin directory to your system PATH environment variable.


Nginx Configuration File Location

Default paths:

  • Linux: /etc/nginx/nginx.conf
  • Windows: nginx/conf/nginx.conf

Fixing Network Failures After Modifying useSelectBiz.ts in JeecgBoot

Ensure any modifications to core request logic preserve original parameter structures and promise handling. Avoid breaking changes in interceptors or API wrappers.


Adjusting Form Label Width in JeecgBoot

Set labelWidth directly in the form schema:

{
  label: 'Monthly Temporary Meal Limit',
  labelWidth: '130px',
  field: 'linshi',
  component: 'Input',
  componentProps: { style: { width: '80%' } },
  span: 10,
}

Maintenance Cost Equals 10% of Development Cost

A common industry practice for post-delivery support estimation.


Fixing Chinese Character Encoding in IDEA Terminal

Add the following VM option in Help → Edit Custom VM Options:

-Dfile.encoding=UTF-8

Then restart IDEA.


Checking and Killing a Process on a Specific Port

Find the PID using:

netstat -ano | findstr :8080

Terminate it with:

taskkill /pid <PID> /f

Tags: ESLint IntelliJ IDEA Maven vue jeecgboot

Posted on Sun, 18 Oct 2026 16:00:38 +0000 by RDx321