Question

我正在使用ngX-Rocket Angle 8启动器。我想将此传单地图库包含到我的项目中：https://github.com/Asymmetrik/ngx-leaflet

我将文件包含在index.html中

IResponseBuffer

我在控制台中收到以下错误：

<link rel="stylesheet" type="text/css" href="./node_modules/leaflet/dist/leaflet.css" />

我注意到没有webpack.config.js文件，所以我创建了一个文件并放入：

Refused to apply style from 'http://localhost:4200/node_modules/leaflet/dist/leaflet.css' because its MIME type ('text/html') is not a supported stylesheet MIME type, and strict MIME checking is enabled.

我也放入了我的angular.json：

module.exports = {
    "module" : {
        loaders: [
            { test: /\.css$/, loaders: [ 'style-loader', 'css-loader' ] }

        ]    
    }
};

尽管我仍然在Web控制台中看到错误。要摆脱这个错误，我该怎么办？

我将文件包含在index.html中

Answer 1

尝试将其添加到styles部分的angular.json文件中

"styles": [
    "styles.css",
    "./node_modules/leaflet/dist/leaflet.css"
],

您可以在此处找到更多信息：Adding CSS and JavaScript to an Angular CLI Project

Webpack“拒绝应用leaflet.css中的样式”

1 个答案: