커넥터 템플릿과 JS 파일은 동일한 디렉토리에 있어야 하며 동일한 이름을 가져야 합니다. 따라서
/assets/javascripts/discourse/connectors/topic-navigation/loner-watch-topic-form.hbs
<form {{ action 'lonerWatch' content on='submit' }}>
<p>Enter your email address to watch this topic for updates</p>
<input name="email" placeholder="Your email"/>
<button>Watch</button>
</form>
그리고
/assets/javascripts/discourse/connectors/topic-navigation/loner-watch-topic-form.js
export default {
actions: {
lonerWatch(content) {
console.log(content);
},
},
};
이렇게 하면 액션이 정상적으로 작동해야 합니다. 더 자세한 내용은 여기에서 확인하실 수 있습니다.