NUXT 插件 CSS 未在生产中加载

Question

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

1. vue-awesome-swiper

2. 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 并将文件上传到实时服务器。如果两个错误都相关，我不知道

我需要帮助 谢谢

Answer 1

在下面运行这个命令：

npm install babel-loader @babel/core

然后运行：

npm install && npm run build