NUXT 插件 CSS 未在生产中加载

Posted 2023-02-22

【中文标题】NUXT 插件 CSS 未在生产中加载

【英文标题】：NUXT plugins CSS is not loading on production

【发布时间】：2020-08-24 18:55:21

【问题描述】：

我在一个项目中使用 Nuxt 和 apollo，在本地服务器上一切正常，但在实时服务器上，我使用的插件的 CSS 已损坏。我用了这两个插件

vue-awesome-swiper

v-lazy-image

plugins: [
 src: "~/plugins/vue-awesome-swiper", mode: "client" ,
 src: "~/plugins/v-lazy-image", mode: "client" ],

这是一个现场演示chatfata.com。如您所见，滑块已损坏，并且在图像渲染后未移除模糊效果。

我面临另一个问题，可能与此有关，因为这是我第一次将 Graphql 与 NUXT 一起使用。 在实时服务器上，npm run build 不工作。它给出了某种node_modules/babel-loader/lib?? 无法识别。 .gql 扩展名，你可以看到截图

所以我在本地服务器上执行npm run build 并将文件上传到实时服务器。如果两个错误都相关，我不知道

我需要帮助 谢谢

【问题讨论】：

您找到解决方案了吗？

@MarineLeBorgne 是的，我解决了这两个问题。你面临的问题是什么。找不到 CSS 或模块？

外部 CSS 未加载！

@AmirUrRehman 您是如何解决外部 css 未在 prod 中加载的问题的？

【参考方案1】：

在下面运行这个命令：

npm install babel-loader @babel/core

然后运行：

npm install && npm run build