2016-09-06 71 views
2

我正尝试使用传单创建一个<map>元素。 我已经在aurelia-cli的aurelia.json文件中添加了依赖项,就像我之前做过的那样。aurelia-cli css资源未能加载

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

github link

当运行与“AU运行”的应用程序,该leaflet.css文件正确集成在供应商包文件。

但试图要求该文件在我的地图元素,当我得到的错误:

的map.html文件看起来是这样的:

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

github link

我可以没有看到bootstrap软件包的不同之处,该软件包没有任何问题。


在引导程序4之前移动传单依赖关系之后,似乎所有内容都能正常工作。 github link

引导程序是否有可能中断requirejs库或文本插件?

回答

3

它的资源插件失败 - 有时在向aurelia配置文件添加新的css资源后,它无法正常工作(我也在使用bootstrap v4)。

解决方法:去aurelia.json配置文件和变化装载机文本插件stubfalse这样的:

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

谢谢,实际工作。你知道什么是“存根”吗? – Sergiu

+1

它尝试从服务器上的“node_modules”路径加载问题数据。您必须将其另外部署到服务器(i.m使用萤火虫查看http请求并找到该模块)。 – JayDi