Question

我试图用传单创建一个<map>元素。我已经在aurelia-cli的aurelia.json文件中添加了依赖项，就像我之前为bootstrap所做的那样。

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

github link

当我使用＆＃34; au run＆＃34;运行应用程序时，leaflet.css文件正确地集成在供应商包文件中。

但是当我在地图元素中尝试要求此文件时，我收到错误：

＆＃34;未处理拒绝错误：加载所需的CSS文件失败：leaflet / leaflet.css

map.html文件如下所示：

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

github link

我无法看到引导程序包的区别，它可以毫无问题地工作。

在引导程序4之前移动传单依赖项后，一切似乎都正常工作。 github link

bootstrap是否有可能破坏requirejs lib或文本插件？

Answer 1

这是资源插件失败 - 有时在向aurelia配置文件添加css-resources之后它无法正常工作（我也使用bootstrap v4）。

解决方案：转到aurelia.json配置文件并将加载程序文本插件stub更改为false，如下所示：

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

aurelia-cli css资源无法加载

1 个答案: