Vue가 공간 오류를 보고하면 어떻게 해야 할까요?

Vue 공간 오류에 대한 해결 방법: 1. 빌드 디렉터리에서 webpack.base.conf.js 파일을 찾아 해당 파일의 규칙을 등록 취소합니다. 2. "npm run dev"를 다시 실행합니다. 3. eslintrc.js를 엽니다. 4. 규칙을 열고 "no-mixed-spaces-and-tabs"를 수동으로 추가한 다음 이를 0으로 정의하고 규칙을 닫습니다.

이 튜토리얼의 운영 환경: Windows 10 시스템, Vue 버전 3, Dell G3 컴퓨터.

vue에서 공간 오류를 보고하면 어떻게 해야 하나요?

vue 공백 오류

vue 프로젝트를 빌드했는데, 경로를 구성할 때 공백, 들여쓰기, 각종 괄호 등 여러 가지 오류가 차례로 나타났습니다. , 한 문장씩 말했는데 그에 비해 수정은 꽤 시간이 많이 걸리고 비효율적입니다. 오전 내내 라우팅 구성이 하나도 작성되지 않았습니다

주요 오류는 다음과 같습니다.

공통 오류 보고를 가로채서 그 중 하나를 선택했습니다:

Expected indentation of 4 spaces but found 1 tab

번역하면 다음을 의미합니다: 예상 수축 공백 4개를 입력했지만 탭 1개를 찾았습니다. 즉, Vue가 쓰기 규칙을 감지하면 공백만 인식하고 탭 들여쓰기는 인식하지 못합니다. 이때 페이지 내용을 수정하고 탭을 공백으로 교체해야 하는데, 그러면 더 번거로운 일이 발생합니다. 이유를 찾고 해결 방법은 다음과 같습니다.

먼저 빌드 디렉터리에서 webpack.base.conf.js 파일을 찾고 규칙에서 이 섹션을 로그아웃합니다.

저장한 다음 npm에서 dev를 다시 실행합니다. :

오류가 사라졌다고 보고되지만, 모든 오류 검사 기능이 강제로 중지되고, 초기 단계에서 문법 오류를 많이 발견할 수 없다는 단점이 있으며, 이는 권장되지 않으며, 학습에 도움이 되지 않습니다. 코드의 가독성과 표준화. 그런 다음 다른 방법을 찾아야 합니다. 규칙에서 구성을 변경하면 됩니다.

두 번째, 이는 다른 구성 파일을 사용합니다: 테스트 디렉터리의 .eslintrc.js 파일(권장)

사용자 정의 규칙을 추가한 다음 모든 사람이 구성에서 ESLint 규칙

Rules

에 익숙해지도록 권장합니다. 파일 일부 규칙을 설정할 수 있습니다.

규칙에는 세 가지 오류 수준이 있습니다.

“off” 或者 0：关闭规则。
“warn” 或者 1：打开规则，并且作为一个警告（不影响exit code）。
“error” 或者 2：打开规则，并且作为一个错误（exit code将会是1）。

규칙에 대한 더 나은 이해를 돕기 위해 ESLint는 규칙을 분류합니다.

모든 규칙은 기본적으로 비활성화되어 있습니다. 구성 파일에서 "extends": "eslint:recommended"를 사용하여 권장 규칙을 활성화하고 몇 가지 일반적인 문제를 보고하십시오. 이러한 권장 규칙은 아래 태그로 표시되어 있습니다.

가능한 오류는 사용자 정의 규칙에 따라 구성됩니다.

공백 들여쓰기와 관련된 위에서 보고된 오류를 예로 들어 보겠습니다. 관련 규칙 프롬프트를 찾습니다.

그런 다음 규칙으로 이동하여 'no-mixed-spaces-and'를 수동으로 추가합니다. -tabs'를 선택한 다음 규칙을 닫으려면 0으로 정의하세요

// 在这里添加自定义规则
'rules': {
// allow paren-less arrow functions
'arrow-parens': 0,
// allow async-await
'generator-star-spacing': 0,
// 禁止空格和 tab 的混合缩进
'no-mixed-spaces-and-tabs'：0，
// allow debugger during development
'no-debugger': process.env.NODE_ENV === 'production' ? 2 : 0
}

좋아요, 저장하고 새로 고치면 더 이상 오류 메시지가 표시되지 않습니다. 이 방법의 장점은 무시해야 하는 규칙을 선택할 수 있다는 것입니다.

추천 학습: "vue.j video Tutorial》

위 내용은 Vue가 공간 오류를 보고하면 어떻게 해야 할까요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!