IT

반응 응용 프로그램에서 개체를 기본 값 오류로 변환할 수 없습니까?

itgroup 2023. 4. 3. 21:25
반응형

반응 응용 프로그램에서 개체를 기본 값 오류로 변환할 수 없습니까?

간단한 리액트 스프링 부트 어플리케이션을 개발하고 있습니다만, GitHub의 문제로 인해 IntelliJ를 사용하여 어플리케이션 스타터 파일을 재생성하고 이전 어플리케이션 패키지를 사용하여 노드 모듈을 설치합니다.json 파일의 종속성 데이터입니다.

접히는 네비게이션바(햄버거바-->모바일 뷰에서 접히는 응답 네비게이션바)를 사용하여 햄버거 버튼을 클릭하면 다음 오류가 나타납니다.하지만 이전 어플리케이션에서는 모든 것이 잘 진행되었습니다.

TypeError: Cannot convert object to primitive value
HTMLDivElement.<anonymous>
C:/Users/Hasindu/Documents/AF/Application Frameworks/online-fashion-store-master/src/main/js/src/collapse.js:346
  343 |   ...typeof config === 'object' && config ? config : {}
  344 | }
  345 | 
> 346 | if (!data && _config.toggle && /show|hide/.test(config)) {
      | ^  347 |   _config.toggle = false
  348 | }
  349 | 
View compiled
Function.each
C:/Users/Hasindu/Documents/AF/Application Frameworks/online-fashion-store-master/src/main/webapp/front-end/node_modules/jquery/dist/jquery.js:381
  378 | if ( isArrayLike( obj ) ) {
  379 |     length = obj.length;
  380 |     for ( ; i < length; i++ ) {
> 381 |         if ( callback.call( obj[ i ], i, obj[ i ] ) === false ) {
      | ^  382 |            break;
  383 |         }
  384 |     }
View compiled
jQuery.fn.init.each
C:/Users/Hasindu/Documents/AF/Application Frameworks/online-fashion-store-master/src/main/webapp/front-end/node_modules/jquery/dist/jquery.js:203
  200 | 
  201 | // Execute a callback for every element in the matched set.
  202 | each: function( callback ) {
> 203 |     return jQuery.each( this, callback );
      | ^  204 | },
  205 | 
  206 | map: function( callback ) {
View compiled
jQuery.fn.init._jQueryInterface [as collapse]
C:/Users/Hasindu/Documents/AF/Application Frameworks/online-fashion-store-master/src/main/js/src/collapse.js:337
  334 | }
  335 | 
  336 | static _jQueryInterface(config) {
> 337 |   return this.each(function () {
      | ^  338 |     const $this   = $(this)
  339 |     let data      = $this.data(DATA_KEY)
  340 |     const _config = {
View compiled
HTMLDivElement.<anonymous>
C:/Users/Hasindu/Documents/AF/Application Frameworks/online-fashion-store-master/src/main/js/src/collapse.js:385
  382 |     const $target = $(this)
  383 |     const data    = $target.data(DATA_KEY)
  384 |     const config  = data ? 'toggle' : $trigger.data()
> 385 |     Collapse._jQueryInterface.call($target, config)
  386 |   })
  387 | })
  388 | 
View compiled
Function.each
C:/Users/Hasindu/Documents/AF/Application Frameworks/online-fashion-store-master/src/main/webapp/front-end/node_modules/jquery/dist/jquery.js:381
  378 | if ( isArrayLike( obj ) ) {
  379 |     length = obj.length;
  380 |     for ( ; i < length; i++ ) {
> 381 |         if ( callback.call( obj[ i ], i, obj[ i ] ) === false ) {
      | ^  382 |            break;
  383 |         }
  384 |     }
View compiled
jQuery.fn.init.each
C:/Users/Hasindu/Documents/AF/Application Frameworks/online-fashion-store-master/src/main/webapp/front-end/node_modules/jquery/dist/jquery.js:203
  200 | 
  201 | // Execute a callback for every element in the matched set.
  202 | each: function( callback ) {
> 203 |     return jQuery.each( this, callback );
      | ^  204 | },
  205 | 
  206 | map: function( callback ) {
View compiled
HTMLButtonElement.<anonymous>
C:/Users/Hasindu/Documents/AF/Application Frameworks/online-fashion-store-master/src/main/js/src/collapse.js:381
  378 | const selector = Util.getSelectorFromElement(this)
  379 | const selectors = [].slice.call(document.querySelectorAll(selector))
  380 | 
> 381 | $(selectors).each(function () {
      | ^  382 |   const $target = $(this)
  383 |   const data    = $target.data(DATA_KEY)
  384 |   const config  = data ? 'toggle' : $trigger.data()
View compiled
HTMLDocument.dispatch
C:/Users/Hasindu/Documents/AF/Application Frameworks/online-fashion-store-master/src/main/webapp/front-end/node_modules/jquery/dist/jquery.js:5428
  5425 | event.handleObj = handleObj;
  5426 | event.data = handleObj.data;
  5427 | 
> 5428 | ret = ( ( jQuery.event.special[ handleObj.origType ] || {} ).handle ||
       | ^  5429 |  handleObj.handler ).apply( matched.elem, args );
  5430 | 
  5431 | if ( ret !== undefined ) {
View compiled
HTMLDocument.elemData.handle
C:/Users/Hasindu/Documents/AF/Application Frameworks/online-fashion-store-master/src/main/webapp/front-end/node_modules/jquery/dist/jquery.js:5232
  5229 | 
  5230 |        // Discard the second event of a jQuery.event.trigger() and
  5231 |        // when an event is called after a page has unloaded
> 5232 |        return typeof jQuery !== "undefined" && jQuery.event.triggered !== e.type ?
       | ^  5233 |          jQuery.event.dispatch.apply( elem, arguments ) : undefined;
  5234 |    };
  5235 | }
View compiled
This screen is visible only in development. It will not appear if the app crashes in production.
Open your browser’s developer console to further inspect this error.  Click the 'X' or hit ESC to dismiss this message.```

먼저 jQuery를 삭제합니다.

npm remove jquery

를 재인스톨 합니다.

npm install jquery@~3.4.1

개발하던 레일6 프로젝트에서도 같은 문제가 있었습니다.부트스트랩 4.4.1을 사용하고 있는데 네비게이션바가 접히는 것과 같은 문제가 있었습니다.네비게이션 바는 접히지만 접힌 햄버거 버튼은 클릭할 수 없었다.

해결 방법:jquery를 3.5.0에서3.4.1로 다운그레이드 하겠습니다저는 현재 오류의 실제 원인을 조사하지 않았습니다.

자세한 내용을 추가하려면 jquery 버전을 에서 업데이트해야 합니다.package.json의존관계 및 실행도 잊지 마십시오.yarn install --check-files이 작업을 수행한 후 변경 내용을 적용합니다.

이것은 다음과 관련이 있습니다.jQuery 3.5.0.이는 많은 플러그인에 영향을 미치는 획기적인 변화입니다.의 이전 버전으로 일시적으로 되돌리기jQuery (like 3.4.1)저를 위해 문제를 해결해주셨어요.

또는

프로젝트에서 Jquery 패키지 찾기node_modules를 삭제하고 다음 명령을 사용하여 다시 설치합니다.

npm install jquery@~3.4.1

출처: jQuery 문제 #4665

다른 많은 분들이 말씀하셨듯이저도 같은 고민을 했어요jquery 3.5.0.

이 문제는 이제 로 해결된 것으로 보입니다.3.5.1

jQuery를 삭제했습니다.yarn remove jquery를 인스톨 합니다.yarn add jquery@3.4.1다운그레이드 합니다.

문제는 아직 yarn.lock 파일에서 3.5.0이 발견되어 오류가 발생하고 있다는 것입니다.

나는 패키지를 추가해야 했다.json, 외부"dependencies"섹션:

"resolutions": { "jquery": "3.4.1" },

마침내 오류가 사라졌습니다.

열다.package.json및 치환

"jquery": "^3.4.1",

와 함께

"jquery": "3.4.1"

원천

이미 jquery 3.41을 사용했지만 프로젝트 파일을 다른 프로젝트로 옮긴 후 문제가 발생했기 때문에 jquery 3.41을 사용하는 경우 명령을 실행하여 확인해보십시오.

1) npm jquery 삭제

2) npm install jquery@~3.4.1

이 명령들은 나의 문제를 해결했다.

Jquery 패키지 제거 위치node_modules더입니니다다

그런 다음 이 명령을 사용하여 다시 설치합니다.

npm install jquery@3.5.0

jquery v3.4.1로 되돌릴 수도 있고 최근에 v3.5.1이 출시되었습니다.이 버전은 정상적으로 동작하고 있습니다.여기 npm 패키지가 있습니다.

언급URL : https://stackoverflow.com/questions/61176484/cannot-convert-object-to-primitive-value-error-in-react-application

반응형

'IT' 카테고리의 다른 글

joke를 사용하여 window.navigator.language를 조롱하는 방법  (0) 2023.04.03
리액트 네이티브텍스트 입력 옵션  (0) 2023.04.03
Wordpress에서 사용자에게 여러 역할을 할당하는 방법  (0) 2023.04.03
문의 양식 7: '확인 이메일' 입력 유형이 있습니까?  (0) 2023.04.03
리액트 라우터의 새 탭에서 프로그래밍 방식으로 링크 열기  (0) 2023.03.29

'IT'의 다른글

  • 현재글반응 응용 프로그램에서 개체를 기본 값 오류로 변환할 수 없습니까?

관련글

댓글

티스토리툴바