Angular-拒绝应用Cropperjs的样式和脚本

问题描述

目前，我对Cropperjs有点挣扎。我有一个对话框，可以在其中上传图片并随后进行裁剪。

首先，我尝试通过CDN链接应用Cropperjs和CSS。效果很好，但是当我尝试切换这些链接时，我从我的node_modules获取文件，我的浏览器找不到这些文件。

拒绝应用来自'http：// localhost：4200 / node_modules / cropperjs / src / css / cropper.css'的样式，因为其MIME类型（'text / html'）不是受支持的样式表MIME类型，并且严格启用MIME检查。 userprofile：12 GET http：// localhost：4200 / node_modules / cropperjs / dist / cropper.common.js net :: ERR_ABORTED 404（未找到）

我已经在我的index.html中添加了链接，如下所示：

   <base href="/">
...
      <link  href="node_modules/cropperjs/src/css/cropper.css" rel="stylesheet">
    <script src="node_modules/cropperjs/dist/cropper.common.js"></script>

我是否错误地应用了这些链接？通过node_modules链接js和css或从CND链接获取js和css有什么区别？

解决方法

有一种添加这些内容的正确方法：angular.json。

这样添加：

"styles": ["src/styles.scss","node_modules/cropperjs/src/css/cropper.css"],"scripts": ["node_modules/cropperjs/dist/cropper.common.js"]

node_modules在您的版本中不可用。

angular cropperjs javascript