Requirejs, d3 및 d3.slider 모듈을 통합하는 방법

이 게시물은 NodeJS에 대한 이전 question을 참조하고 있으며 기능을 주입하는 모듈이 필요합니다. 그러나 이전 질문은 Webpack과 관련되어 있습니다. 나도 d3.js와 d3.slider 모듈을 통합하려고하지만 RequireJS를 사용하려고합니다.Requirejs, d3 및 d3.slider 모듈을 통합하는 방법

Nikos Paraskevopoulos의 왼쪽 코멘트에 따르면 심이 필요합니다. 나는 d3.slider 모듈에 필요한 심을 성공적으로 구현하지 못했고 누군가가 나를 올바른 방향으로 이끌 수 있기를 바랬다.

3.5.17

형식 오류 : d3.slider이

나는 내 문제는 심에서 생각하는 기능은 아니지만 난 지금 내가

require.config({ 
    paths: { 
     "d3": "https://d3js.org/d3.v3.min", 
     "d3.slider": "lib/d3.slider" 
    }, 
    shim: { 
     "d3.slider": { 
      "deps": ["d3"], 
      "exports": "d3" 
     } 
    } 
}); 
require(['d3'], function(d3) { 
    console.log(d3.version); 
    d3.select("#time_slider").call(d3.slider()); 
});

이이 기록 모르겠다. 어떤 방향으로도 감사합니다.

출처

2016-06-06 gabalmat

'require ([ 'd3.slider'], function (d3) {...})'안에 마지막 두 줄이 있었습니까? –

사과, 마지막 두 줄은 require ([ 'd3'], function (d3) {...}) 그 내용을 반영하도록 게시물을 업데이트하겠습니다. 당신의 제안을 시도했을 때, 콘솔 로그 : _undefined_ 및 _d3.select는 함수가 아닙니다. – gabalmat

d3.slider의 소스 코드를 보면 define가 표시되어 있습니다. 따라서 shim이 필요하지 않습니다.

또한로드하지 않습니다. 이 작업을 수행해야합니다

require(['d3', 'd3.slider'], function (d3) { 
    console.log(d3.version); 
    d3.select("#time_slider").call(d3.slider()); 
});

을 나는 그것이 d3에 자신을 설치 볼 소스에서. 따라서 익명 함수에 매개 변수를 추가 할 필요가 없습니다. 한번로드하면 d3 개체에서 사용할 수 있습니다.

출처

2016-06-06 20:56:15 Louis

좋아, 심을 제거하고 지금은 d3.slider를로드하고 있습니다. 그러나 여전히 내 게시물에서와 같은 출력을 얻습니다. d3.slider 함수가 d3 객체에서 사용할 수 있어야한다는 것을 이해합니다. 왜 TypeError를 여전히 얻고 있는지 이해할 수 없습니다. – gabalmat

이 시점에서 [mcve]를 생성 할 것을 제안합니다. – Louis

Requirejs, d3 및 d3.slider 모듈을 통합하는 방법

답변

관련 문제