TypeError: this.getOptions는 함수가 아님

TypeError: this.getOptions는 함수가 아님

부트스트랩을 설치했을 때 이상한 오류가 발생했어.오류는 다음과 같다.온라인에서 봤기 때문에 덜 로더 제거와 덜 로더@5.0.0 설치를 시도했지만 아무 소용이 없었다.나는 이 단계에서 무엇을 해야 할지 확신이 없다.

구문 오류:TypeError: this.getOptions는 함수가 아님

 @ ./node_modules/vue-style-loader??ref--8-oneOf-1-0!./node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!./node_modules/vue-loader-v16/dist/stylePostLoader.js!./node_modules/postcss-loader/src??ref--8-oneOf-1-2!./node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader-v16/dist??ref--0-1!./src/App.vue?vue&type=style&index=0&id=7ba5bd90&lang=scss 4:14-419 14:3-18:5 15:22-427
 @ ./src/App.vue?vue&type=style&index=0&id=7ba5bd90&lang=scss
 @ ./src/App.vue
 @ ./src/main.js
 @ multi (webpack)-dev-server/client?http://192.168.1.182:8080&sockPath=/sockjs-node (webpack)/hot/dev-server.js ./src/main.js

@KostDM이 한 말과 비슷하게, 내 경우에는 그런 것 같다.sass-loader@11.0.0와는 잘 안 통하다vue@2.6.12.

내가 설치했다sass-loader@10.1.1그리고 그것은 다시 매력적으로 작용했다.

당신 안에package.json:

"sass-loader": "^10",

나는 sass-loader를 10.1.1로 다운그레이드함으로써 같은 문제를 해결했다.webpack@4.46.0이 포함된 @vue/cli 4.5.8을 사용하고 있다.

sass-loader의 v11.0.0과 low-loader의 v8.0.0에서

지원되는 최소 웹 팩 버전은 5개임

• sass-loader v11.0.0 릴리스 정보
• 로더 감소 v8.0.0 릴리스 정보

sass-loader를 ^10.0.0으로 다운그레이드하는 것이 내게는 효과가 있었지만, 새로운 Nuxt.js CLI 애플리케이션에서는 다음과 같이 Sass도 설치해야 했다.

npm i sass

다운그레이드하려면node_modules폴더를 추가하고 터미널에서 다음을 실행하십시오.

npm i sass-loader@10 

이렇게 하면 최신 버전의 10개의 sass-loader가 설치된다.

그리고 결국 다시 모든 종속성을 설치하십시오.

npm i

편집

10보다 높은 Sass-loader 버전에는 웹 팩 5 필요

나에게 있어 그것은 postcss-loader를 다운그레이드하는데 도움이 되었다.

+ "postcss-loader": "^4.2.0",
- "postcss-loader": "^5.0.0",

어제 나는 sass-loader를 최신 버전으로 업그레이드한 후 문제를 발견했다.

실을 사용할 경우 sass-loader를 다운그레이드할 수 있다.실 추가 sass-loader@^10.1.1을 사용하십시오.

스타일 로더 v3도 웹팩 4에 대한 지원을 중단했다.

당신의package.json입력 내용은 다음과 같아야 한다.

"style-loader": "^2.0.0"

이 문제는 나에게 해결되었다. Sass와 비슷한 문제였다.

1. 소포에 넣다devDependencies의 json: "sass-loader": "7.3.1"
2. npm i -D sass또는yarn add sass --dev
3. node_node 제거
4. npm install또는yarn패키지 관리자에 따라 다름

내 구성:

  "devDependencies": {
    "@vue/cli-plugin-babel": "~4.5.0",
    "@vue/cli-plugin-eslint": "~4.5.0",
    "@vue/cli-service": "~4.5.0",
    "babel-eslint": "^10.1.0",
    "eslint": "^6.7.2",
    "eslint-plugin-vue": "^6.2.2",
    "sass": "^1.32.6",
    "sass-loader": "7.3.1",
    "vue-template-compiler": "^2.6.11"
  },

여기 css-loader v6에도 같은 문제가 있었어.v5로 다운그레이드하는 것이 효과가 있는 것 같다.

"css-loader": "^5.1.1"

란yarn remove sass-loader

그리고 나서 특별하게 버전 10을 다음과 같이 설치했다.yarn add sass-loader@10이것으로 그 문제가 완전히 해결되었다."vue": "~2.6.12",

NPM은 종속성 패키지가 패키지에 포함된 것과 버전이 다른 경우 모듈 내의 모듈로 다운로드한다.json은 때때로 최신 버전의 의존성 패키지(이유 없음)를 모듈에 다운로드하기도 한다.

예를 들어 너는 가질 수 있다.sass-loader: 2.X네 소포로 말이야json, 그리고 XXXXX wich 모듈 또한sass-loader: *종속성 패키지에서 해당 패키지를 확인하십시오.xxxX 모듈) npm이 다운로드할 json 내부sass-loader 2.X당신을 위해, 그리고sass-loader: 3.XXXXX 패키지의 경우 - 오류가 발생할 수 있음.

빠른 해결 방법은 추가 패키지를XXXX/node_modules또한 어떤 패키지 버전인지 확인할 수 있다.XXXX모듈 사용 및 프로젝트에서 동일한 버전 사용.

내 경우 project.json의 font-awesome-sass-loader@2.0.1:

  "dependencies": {
    "css-loader": "*",
    "sass-loader": "*",
    "style-loader": "*"
  },

다운로드한sass-loader: 3.0.0

npm이 sass-loader를 다운로드하는 동안: 2.0.0 프로젝트.json:

"style-loader": "2.0.0"

나는 제거했다node_modules/font-awesome-sass-loader/node_modules/그리고 그것은 문제를 해결했다.

내 경우, 나는 Centos7에서 노드-소스를 컴파일하기 위해 애쓰고 있었고 노드-소스를 제거하고 대신 sass를 넣는 것을 해결했다.

npm uninstall node-sass
npm install sass
npm install sass-loader^8

저도 마찬가지에요.다음 버전으로 다운그레이드하는 것이 도움이 되었다: "sass": "^1.38.0", "sass-loader": "^10.2.0",

Webpack 버전 4 사용 시 Vue CLI 4의 기본값. 로더가 호환되는지 확인하십시오.그렇지 않으면 피어 종속성 충돌에 대한 오류가 발생할 수 있다.이 경우 Webpack 4와 여전히 호환되는 이전 버전의 로더를 사용할 수 있다.

# Sass
npm install -D sass-loader@^10 sass

아직도 안 돼?

폴더 node_modules 삭제

npm install

자세히 알아보기

yarn add sass-loader웹 팩 버전 4 이하와 호환되지 않는 버전 11을 설치하십시오.현재 Vue CLI V4는 Webpack v4를 사용한다.

Sass-loader v12를 사용하려면 Vue CLI V5(Webpack 5 사용)가 출시될 때까지 기다려야 한다(현재 베타 버전).또는 Webpack 5로 업데이트할 수 있지만 CHANGLOG는 반드시 읽으십시오.

참조URL: https://stackoverflow.com/questions/66082397/typeerror-this-getoptions-is-not-a-function