programing

'JSON.stringify'를 쓰면 Vue 구성 요소가 로드될 때 오류가 발생합니다.

newsource 2022. 8. 15. 21:20

'JSON.stringify'를 쓰면 Vue 구성 요소가 로드될 때 오류가 발생합니다.

플러그인을 Vue 플러그인을 든지 Vue 플러그인을 추가할 수 .JSON.stringify브라우저에 런타임 오류가 나타나 페이지가 공백이 됩니다.의 임의의 는 「」라고 쓴다.JSON.stringify하다

Uncaught TypeError: 개체 '#'의 읽기 전용 속성 'exports'에 할당할 수 없습니다.

컴포넌트에 직접 JSON.stringify를 쓰면(예를 들어 '작성된' 라이프 사이클 훅에서) 아무 일도 일어나지 않습니다.

는 웹 팩 중 웹팩 컴파일 중 브라우저 합니다.eval에러가 발생하는 행은 다음과 같습니다.

eval("/* WEBPACK VAR INJECTION */(function(module) {Object.defineProperty(__webpack_exports__ ....")

이것은 플러그인 파일에 기재되어 있는 것입니다.

var MyPlugin = function () {

}

JSON.stringify({})
MyPlugin.secret = 'vue-plugin-secret'

MyPlugin.install = function (Vue, options) {

}

module.exports = MyPlugin

// export default MyPlugin

컴포넌트에 넣는 방법은 다음과 같습니다.

var MyPlugin = require('./MyPlugin')

JSON.stringify stopsline error stops.line error stops line line line line line line line

@edit

@Saurabh가 제안한 대로 'import'를 사용했기 때문에 플러그인 내보내기 폼을 변경해야 했습니다.

//MyPlugin.js
export default MyPlugin

.vue 컴포넌트에서는

import MyPlugin from './MyPlugin';

디폴트(디폴트)webpackvue-cli

언급URL : https://stackoverflow.com/questions/42624441/wiriting-json-stringify-generates-an-error-when-vue-component-loads