2016-09-06 5 views
2

<map> 요소를 리플릿으로 만들려고합니다. aurelia-cli의 aurelia.json 파일에 종속성을 추가했습니다. 이전에 bootstrap에 대해했던 것과 같습니다. aurelia-cli CSS 리소스를로드하지 못했습니다.

github link

나는 "AU 실행"을 가진 응용 프로그램을 실행

{ 
    "name": "leaflet", 
    "path": "../node_modules/leaflet/dist", 
    "main": "leaflet", 
    "resources": [ 
     "leaflet.css" 
    ] 
} 

는 leaflet.css 파일이 제대로 공급 업체 번들 파일에 통합되어 있습니다.

map.html 파일은 다음과 같습니다 :

<template> 
    <require from="leaflet/leaflet.css"></require> 
    <div ref="mapNode" style="height: 100%"></div> 
</template> 

github link

내가 할 수있는 내지도 요소에서이 파일을 필요로 할 때

는하지만 오류를 얻을 문제없이 작동하는 부트 스트랩 패키지와의 차이점을 확인하십시오.


부트 스트랩 4 이전의 전단계 종속성을 이동 한 후에 모든 것이 올바르게 작동하는 것처럼 보입니다. github link

부트 스트랩이 requirejs lib 또는 텍스트 플러그인을 손상시킬 수 있습니까?

답변

3

리소스 플러그인이 실패합니다. aurelia config 파일에 CSS 리소스를 새로 추가 한 후 언젠가 올바르게 작동하지 않습니다. (부트 스트랩 v4도 사용하고 있습니다.)

솔루션 : 그런 falseaurelia.json 설정 파일 변경 로더 텍스트 플러그인 stub로 이동 :

"loader": { 
    "type": "require", 
    "configTarget": "vendor-bundle.js", 
    "includeBundleMetadataInConfig": "auto", 
    "plugins": [ 
    { 
     "name": "text", 
     "extensions": [ 
     ".html", 
     ".css" 
     ], 
     "stub": false 
    } 
    ] 
}, 
+1

감사합니다, 실제로 일이 있습니다. "그루터기"가 무엇을하고 있는지 아십니까? – Sergiu

+1

서버의 "node_modules"경로에서 문제 데이터를로드하려고 시도합니다. 서버에 추가로 배포해야합니다 (i.m은 firebug를 사용하여 http 요청을보고 해당 모듈을 찾습니다). – JayDi