pfaffman
7월 10, 2023, 5:35오후
1
prettier가 왜 아래 코드를 싫어하는지 이해가 안 됩니다. 에러는 SyntaxError: Decorators cannot be used to decorate object literal properties. (9:3)입니다.
import Component from "@ember/component";
import discourseComputed from "discourse-common/utils/decorators";
function splitGroup(item) {
const x = item.split(":");
return { group: x[0], required: x[1] };
}
export default Component.extend({
@discourseComputed("siteSettings.radiant_group_values")
groupStatus(values) {
let required = values.split("|").map(splitGroup);
return required;
},
});
저는 다른 곳에도 저와 같아 보이는 동일한 구조를 사용하고 있습니다.
수정: 이유를 전혀 알 수 없지만 이제 작동하는 것 같습니다. 다음에 이 부분을 삭제할 예정입니다. 하지만 삭제할 수 없네요.
pfaffman
4월 13, 2025, 5:15오후
2
@action, @on, @discourseComputed에서 다른 플러그인에서도 동일한 오류가 다시 발생하고 있습니다. prettier 설정 문제인 것 같아서 discourse-plugin-skeleton에서 설정을 그대로 복사해 왔는데, 그래도 문제가 해결되지 않았습니다.
플러그인이 여전히 레거시 .extend({}) 구문을 사용합니까?
지난 몇 년간 우리는 Ember의 레거시 .extend({ ... }) 구문에서 class extends Foo {...}와 같은 네이티브 클래스 구문으로 전환해 왔습니다.
레거시 구문은 기술적으로는 여전히 지원되지만, IDE와 Prettier 3.0을 포함한 최신 JS 도구들은 레거시 객체 리터럴 기반 구문에서 데코레이터를 지원하지 않습니다. 권장 린팅 설정의 최신 버전에서 레거시 구문을 사용하면 다음과 같은 오류가 표시됩니다:
ESLint: error Native JS classes should be used instead of classic classes ember/no-classic-classes
Prettier: SyntaxError: Decorators cannot be used to decorate object literal properties
따라서 아직까지 구문을 업데이트하지 않았다면, 이제 테마 및 플러그인 코드를 새로운 구문으로 업데이트할 때입니다. …
pfaffman
4월 13, 2025, 6:36오후
4
YES!!!
감사합니다! 방금 방법을 알아냈고 이제 모든 것을 전환하는 작업을 진행 중입니다 . . . 아, 잠깐. . .
설마.
mass-pr을 사용해 보려고 했지만, 별로 . . . 도움이 되지 않았습니다. 아마도 더 시도해 봐야 할 것 같습니다.
정말 감사합니다!!
그 주제들을 주시하고 있다고 생각했는데, 그 부분은 놓쳤거나 이해하지 못했던 것 같습니다.
