정의되지 않은 속성을 설정할 수 없습니다('isRightSidebarExpanded' 설정).

Question

nuxt.js에서 작동하도록 템플릿을 변환하려고 합니다

이 속성에서 이런 오류가 발생했습니다

정의되지 않은 속성을 설정할 수 없습니다('isRightSidebarExpanded' 설정).

@click="$store.global.isRightSidebarExpanded = false"

JS 파일은 다음과 같습니다: https://lineone.piniastudio.com/js/app.js

nuxt.config.js에서 이 줄을 사용하여 nuxt.js로 가져왔습니다

으아악

그런 다음 nuxt.js는 클라이언트 자바스크립트 파일을 무시하는 것처럼 보였기 때문에 이 오류를 표시했습니다. 비록 nuxt.js 없이도 완벽하게 작동했지만 로컬에서는 정적 HTML/JS 파일만 포함되었음에도 불구하고

https://lineone.piniastudio.com/

에서 웹사이트가 제대로 작동하는 것을 볼 수 있습니다(Laravel).

일부 HTML 변수(예: "activeTab")도 정의되지 않았습니다

속성 또는 메서드 'activeTab'은 인스턴스에 정의되지 않았지만 렌더링 중에 참조됩니다. 속성을 초기화하여 데이터 옵션이나 클래스 기반 구성 요소에 대해 반응형인지 확인하세요. 참조: https://v2.vuejs.org/v2/guide/reactivity.html#Declaring-Reactive-Propertie

하지만 HTML/JS/CSS만 유지하고 nuxt.js 없이 정적 모드에서 작동하게 하면 모든 것이 잘 작동합니다

Answer 1

스토어 데이터를 직접 변경하는 것은 권장하지 않습니다.
Vuex는 Mutations를 사용하여 저장된 상태에 대한 변경 사항을 커밋합니다.

1. 돌연변이를 추가하여 isRightSidebarExpanded 속성을 변경하세요

으아악

2. 이제 Mutation을 호출할 수 있습니다

으아악

-------------------------------------- ---------- ---------------------
정의되지 않은 질문의 경우:
- $store.global 속성이 있는지 확인하세요
- 스토어(main.js)를 사용하고 있는지 확인하세요

으아악