程序员经验分享-hwhale

nuxt：在静态模式或者服务端渲染，build.cache：true与build.extractCSS：true不兼容

2023-10-27
  1. 设置cache:true在build配置
  2. 设置extractCSS:true在build配置
  3. 跑 yarn nuxt generate
  4. 第一次它将正常工作并看起来应该
  5. 再跑yarn nuxt generate一次 它仍然可以正常工作。
  6. 返回并更新您的nuxt.config.js文件（例如添加新行），以便完全重建
  7. 跑 yarn nuxt generate
  8. 访问您的网站。没有样式表已被注入，页面出现混乱。
  9. 设置cache:false在build配置
  10. 跑 yarn nuxt generate
  11. 访问您的网站-效果很好，页面加载成功。

    它是第一次运行，但是当您重建（例如，对nuxt.config.js进行更改）时，它会生成完全没有任何样式表的站点。

    原文出处

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)

nuxt

css

extractCSS

nuxt：在静态模式或者服务端渲染，build.cache：true与build.extractCSS：true不兼容 的相关文章

随机推荐

  • vlc-android配置实录

    听说vlc底层也用的ffmpeg 免费开源的 业界做的不错的 就来看看 从网上找了很多例子 也从github上找了好多demo 好多都不全 或者下载下来编译失败 官网上下载的vlc android就编译失败 下面列两个可以用的 一 有vlc

  • JavaScript实现数组对应位置插入另一个数组

    系列文章目录 文章目录 系列文章目录 前言 一 使用循环遍历 二 使用concat和slice方法 三 使用splice方法 四 使用for循环 总结 前言 在JavaScript中 有时我们需要将一个数组的元素按照对应位置插入另一个数组中

  • Spring源码解析：BeanFactory深入理解

    现在一般都用ApplicantContext代替BeanFactory 说到Spring框架 人们往往大谈特谈一些似乎高逼格的东西 比如依赖注入 控制反转 面向切面等等 但是却忘记了最基本的一点 Spring的本质是一个bean工厂 bea

  • 使用思维导图快速了解 Eventbus

    详细源码解读可参考 Awsome Android

  • CentOS 上安装ClamAV

    安装epel yum y install epel release 安装ClamAV yum install y clamav clamav update 安装 yum load transaction tmp yum save tx 20

  • 医学图像分割：自动心脏诊断挑战赛项目数据集（ACDC）

    Local contrastive loss with pseudo label based self training for semi supervised medical image segmentation Krishna Chai

  • WSL2安装Docker

    推荐阅读知乎版 排版更好一点 WSL2安装Docker WSL2安装Docker比较简单 这里记录下 主要参考官方文章如下 Docker wsl2 1 确保已安装WSL2 首先确保你已经安装了WSL2 wsl l v 如果没有安装 请参考

  • 证书在手，认证无忧---证书浅析

    在IPSec VPN篇章中 我们介绍了IPSec隧道两端设备使用证书进行身份认证的内容 在刚刚推出的SSL VPN开篇中 也介绍了证书认证的相关内容 作为网络世界的 身份证 证书在身份认证的场景中已经得到了普遍应用 大家可能已经习惯了用户名

  • Ubuntu一键部署Open VN

    vpn咋就不能成为标题了 现在企业必备的技能不能用了 1 下载安装 1 1 登录root账户 su root 1 2 下载一键部署脚本 git clone https github com guoew openvpn install git

  • protobuf 下载 使用

    protobuf是谷歌开源的一种数据格式 适合高性能 对响应速度有要求的数据传输场景 因为profobuf是二进制数据格式 需要编码和解码 数据本身不具有可读性 因此只能反序列化之后得到真正可读的数据 优势 1 序列化后体积相比Json和X

  • rgba转16js代码

  • 【单片机毕业设计】【mcuclub-dz-068】基于单片机的避障小车系统设计

    最近设计了一个项目基于单片机的避障小车系统设计 与大家分享一下 一 基本介绍 项目名 基于单片机的避障小车的设计 项目编号 mcuclub dz 068 单片机 STC89C52 功能简介 1 通过超声波检测前方障碍物 如果前方出现障碍物

  • How to Troubleshoot Grid Infrastructure Startup Issues [ID 1050908.1]

    How to Troubleshoot Grid Infrastructure Startup Issues ID 1050908 1 Modified 21 MAY 2010 Type HOWTO Status PUBLISHED In

  • VS中C语言调试逐语句和逐过程的区别

    以vs程序为例 其逐语句调试和逐过程调试的区别仅在于它们处理函数调用的方式不同 这两个命令都指示调试器执行下一行的代码 如果某一行包含函数调用 逐语句 仅执行调用本身 然后在函数内的第一个代码行出停止 而 逐过程 执行整个函数 然后在函数外

  • OA系统-考勤模块

    1 考勤管理 签到 前台代码实现 1 jQuery代码 页面初始化绑定事件 怎么实现 function signin click function 2 考勤管理 签到 全部功能实现 1 简述签到功能的逻辑 对签到按钮绑定单击事件 我们点击按

  • uniapp开发app在android studio打包apk全过程

    1 将hbuilderx项目文件生成本地打包APP资源 选择生成本地打包APP资源 然后就会生成一个以AppId命名的文件夹 这个AppId是自己申请的 2 App离线SDK下载 点击进入 最新android平台SDK下载 复制提取码后进入

  • kernel导致android无法启动的原因(ump,mali)

    只发现了问题 正常启动的log 26 UMP UMP device driver loaded 27 Mali Mali device driver loaded 不能正常启动的log 53 ump version magic 3 4 5

  • 世界之窗极速版4.2.0.102

    使用版本 4 2 0 102 世界之窗极速版 theworld chrome 4 2 0 102 exe 有点 可以方便管理收藏夹 直接收藏夹网页 也可以导入收藏夹网页 方便系统重装的时候用

  • ROS中，DWA算法的实现

    在ROS中 DWA算法的实现主要涉及到以下几个方面 机器人运动学模型 DWA算法需要机器人的运动学模型 ROS中提供了很多机器人模型 可以根据实际情况进行选择 环境地图 DWA算法需要环境地图 ROS中提供了很多地图包 可以根据实际情况进行

  • nuxt：在静态模式或者服务端渲染，build.cache：true与build.extractCSS：true不兼容

    设置cache true在build配置 设置extractCSS true在build配置 跑 yarn nuxt generate 第一次它将正常工作并看起来应该 再跑yarn nuxt generate一次 它仍然可以正常工作 返回并

热门标签