拒绝应用Cropperjs的样式和脚本。

Question

目前，我与克罗珀尔人有一点斗争。我有一个对话框，在那里我可以上传一个图像，然后裁剪它。

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

拒绝应用'http://localhost:4200/node_modules/cropperjs/src/css/cropper.css‘中的样式，因为它的MIME类型('text/html')不是受支持的样式表MIME类型，并且启用了严格的MIME检查。用户配置文件: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有什么区别？

Answer 1

有一种适当的添加方式：angular.json。

增加如下：

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

node_modules在您的构建中不可用。