Question

我最近将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)

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

有人可以帮忙吗？

Answer 1

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

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

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

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

Answer 2

通过将main.css从@ fullcalender / common /复制到@ fullcalendar / core /

来解决

Answer 3

我的项目大约 7mb。我猜那个角度编译器在使用 aot 和 prod 开关时会去掉一些 css 代码。因此，我在 tsconfig 中将供应商块设置为 true。它有效。试试看，也许它会解决您的问题。

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

3 个答案: