2017-04-24 6 views
0

나는 meteor tutorial을 따라 갔고, 완료하면 eslint을 설치하기로 결정했습니다. export const Tasks = new Mongo.Collection('tasks'); 파일 imports/api/tasks.js에 : 는 지금은반응 튜토리얼로 유성에서 eslint 오류를 수정하는 방법

가이 선에 대한 기본 수출 수입/선호 - 기본 - 수출

선호 참조하십시오. 그것은 또한 몇몇 유성 방법을 포함합니다. 전체 소스 코드는 tasks.js입니다.

나는 이것을 고치려고했다.

const Tasks = new Mongo.Collection('tasks'); 
export { Tasks as default }; 

그러나 브라우저에서보기 렌더링이 중단되었습니다.

import '../imports/api/tasks.js'; 

가 어떻게 보풀이 오류를 수정 할 수있는 응용 프로그램 기능을 파괴하지 않고 : 여기 이는 tasks.js을 가져 오면 server/main.js 내용입니까?

{"rules": {"import/prefer-default-export": ["off"]}}

UPDATE : 규칙을 유지하려면, 당신은 Tasks을 내 보내야

답변

1

당신은 규칙을 프로젝트 루트에 .eslintrc 파일을 추가하고 적용 할 수 다음과 같이 기본값 :

const Tasks = new Mongo.Collection('tasks'); 
export default Tasks; 

이제 나머지 코드베이스의 모든 imports을 명명 된 가져 오기에서 기본 가져 오기로 변경하십시오. 명명 된 가져 오기는 다음과 같습니다.

import { Tasks } from '/imports/api/tasks'; 

here, 새로운 기본 가져 오기이

import Tasks from '/imports/api/tasks'; 

처럼 보이게하는 반면이 그것을해야한다. 그것이 당신을 위해 작동하는지 알려주세요.

+0

옵션입니다 (+1).이 규칙을 따르는 것이 좋습니다. – Rumid

+0

'Tasks'는'main.js '에서만 가져 왔다고 잘못 가정했습니다. 'App.jsx'에서 그것을 변경 한 후에는 올바르게 렌더되고 린트 문제는 없습니다. – Rumid

+0

쿨, 다행 당신을 위해 작동합니다. – tomsp