如何解决ng构建过程中丢失的css文件

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:SourceReposVimsVIMSVIMS-Appsrc
]
at D:SourceReposVimsVIMSVIMS-Appnode_modulespostcss-importlibresolve-id.js:35:13
at async Promise.all (index 0)

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

有人能帮忙吗？

Answer 1

如fullcalendar的更新说明所述，您应该删除style.css中对fullcalendar*.css文件的引用，因为更新后的版本不再需要这些引用。每个插件都会注意自己的风格。

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

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

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

Answer 2

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

Answer 3

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