时间戳

首页 > 解决方案 > 如何在 ng 构建期间解决丢失的 css 文件？

angular - 如何在 ng 构建期间解决丢失的 css 文件？

问题描述

我最近将我的 Angular 版本从 8 升级到了 10。在解决了所有出现的问题并安装了所有组件的更新版本之后，我仍然面临着ng build.

ERROR in ./src/styles.css (./node_modules/css-loader/dist/cjs.js??ref--12-1!./node_modules/postcss-loader/src??embedded!./src/styles.css)
Module build failed (from ./node_modules/postcss-loader/src/index.js):
Error: Failed to find '@fullcalendar/core/main.css'
  in [
    D:\Source\Repos\Vims\VIMS\VIMS-App\src
  ]
    at D:\Source\Repos\Vims\VIMS\VIMS-App\node_modules\postcss-import\lib\resolve-id.js:35:13
    at async Promise.all (index 0)

我已经尝试更新软件包，卸载并重新安装 @fullcalendar/core 以及ng prune，但错误不会消失。我仍然在文件夹中缺少 main.css。

任何人都可以帮忙吗？

标签： angularfullcalendar

解决方案

如 fullcalendar 更新说明中所述，您应该删除 style.css 中对 fullcalendar *.css 文件的引用，因为更新版本不再需要它们。每个插件都会照顾自己的样式。

在 v4 中，您有责任导入 fullcalendar 的所有样式表。您可能已经在项目的一个 SASS 文件中完成了此操作。或者，如果你有一个处理 CSS 的构建系统，你可能已经从你的 JavaScript 中完成了。

在 v5 中，您不再需要这样做！插件将导入自己的样式表（引导插件除外）。

https://fullcalendar.io/docs/upgrading-from-v4

推荐阅读