nuxt
本专栏收录与nuxt技术相关的文章,追踪最新技术前沿,把握时代动脉。
任磊abc
关注前端,热爱前端,追踪前端最前沿
展开
-
npx下载构建nuxt3开发模板失败的解决方案
构建nuxt3出现This is related to npm not being able to find a file.原创 2023-05-16 14:41:27 · 4311 阅读 · 0 评论 -
nuxt:无法更改nuxt 的默认ico图标?
在nuxt项目当中,需要修改页面的ico,如果直接这样做: link: [ { rel: 'shortcut icon', href: '/favicon.ico' }, { rel: 'apple-touch-icon', href: '/favicon.ico' }, ],往往达不到效果,仍然加载的是nuxt的默认图标。后来,经过查找资料文档,发现favicon 的大小应该是32*32像素,否则 nuxt 将加载默认的 favicon 本身。.原创 2021-12-03 10:31:40 · 3085 阅读 · 1 评论 -
nuxt 更新部署因浏览器缓存导致页面错误解决方法
糙米薏仁汤关注0.2162018.03.27 16:29:04字数 1,376阅读 7,753分层确定性钱包(HD Wallets)HD Wallets的全称是Hierachical Deterministic Wallets, 对应中文是 分层确定性钱包。分层确定性的概念在BIP32提案提出。根据比特币核心开发者 Gregory Maxwell 的原始描述和讨论,Pieter Wuille 在2012 年 02月 11日整理完善提交 BIP32 。直到 2016年 6月 15 日 才被合..原创 2021-10-22 18:08:46 · 1584 阅读 · 0 评论 -
如何解决出现Unknown at rule @applyscss(unknownAtRules)警告?
在nuxt框架当中使用tailwindcss出现:@apply下面出现警告怎么取消这个警告呢?安装 Stylelint首先,我们需要安装Stylelint本身和一个包含合理标准配置的包。npm install --save-dev stylelint stylelint-config-standard在使用nuxt创建项目的时候, 如果Stylelint已经安装了,就不用重复安装了创建 Stylelint 配置将stylelint.config.js使用以下内容命名..原创 2021-08-16 14:59:00 · 18642 阅读 · 6 评论 -
vue-cli3.0或者nuxt.js打包生产环境下删除console.log
首先下载babel-plugin-transform-remove-console插件npm install babel-plugin-transform-remove-console --save-dev2在nuxt.config.js添加外面判断生产环境还是开发环境let remove_console= []if(process.env.NODE_ENV === 'production'){ remove_console.push("transform-remove-con原创 2020-11-11 18:28:05 · 1160 阅读 · 2 评论 -
在Nuxt应用程序中关闭webpack-hot-middleware客户端覆盖
有时候,因为代码的语法错误,nuxt界面会弹出但是,有时候因为缓等原因,即使修复了语法错误,这个提示错误的界面仍然存在。那么,出现这种情况,怎么禁止出这个界面弹出,该如何关闭它呢在nuxt.config.js当中配置,overlay: false build: { hotMiddleware: { client: { // turn off client overlay when errors are present overlay: .原创 2021-02-03 11:21:14 · 662 阅读 · 0 评论 -
nuxt项目当中出现The client-side rendered virtual DOM tree is not matching server-rendered content
在使用nuxt框架进行服务端渲染的项目当中,有时会出现以下报错信息:这段信息的意思是:客户端呈现的虚拟DOM树与服务器呈现的内容不匹配。这可能是由不正确的HTML标记引起的,例如在<p>中嵌套块级元素,或缺少<tbody>。放弃混合和执行全面的客户端渲染。我是在使用ant design vueUI组件当中的Tabs标签页时,出现的这个报错信息。解决的方法是:在这Tabs标签最外层加上<client-only>组件,此组件用于仅在客户端渲染其他组件...原创 2020-11-26 18:32:05 · 4778 阅读 · 0 评论 -
Nuxt.js & Ant Design Vue 配置按需加载引入组件踩坑记录
Nuxt.js & Ant Design Vue 踩坑记录最近开发一个带SEO以及部分后台功能的项目,Nuxt.js作为vue ssr框架可以非常好的完成这个需求,这里我选择了Ant Design Vue作为UI组件库。以下是踩坑的一些记录 :首先介绍一下项目情况和需求:Nuxt.js是一个 Vue.js 通用框架,预设了使用 Vue.js 开发服务端渲染的各种配置。项目中使用的是Universal (SSR) 模式,因此首屏是由服务端完成渲染。 项目仅用到少数的UI组件,因此我们转载 2020-11-03 15:08:35 · 4301 阅读 · 0 评论 -
nuxt:在静态模式或者服务端渲染,build.cache:true与build.extractCSS:true不兼容
设置cache:true在build配置 设置extractCSS:true在build配置 跑yarn nuxt generate 第一次它将正常工作并看起来应该 再跑yarn nuxt generate一次它仍然可以正常工作。 返回并更新您的nuxt.config.js文件(例如添加新行),以便完全重建 跑yarn nuxt generate 访问您的网站。没有样式表已被注入,页面出现混乱。 设置cache:false在build配置 跑yarn nuxt generate ...原创 2020-10-17 11:51:56 · 967 阅读 · 0 评论 -
nuxt项目中引入ant design vue的less文件报错.bezierEasingMixin()
最近使用nuxt@2.14.0版本当中使用,ant desgin vue 这个UI框架进行定制主题。首先,在nuxt项目当中的assets文件夹当中创建less文件夹,在less文件夹下创建index.less和variable.less文件在index.less文件当中,引入ant design vue的less文件,variable.less当中写上需要更改的主题变量然后,将index.less引入到nuxt.conifg.js文件当中:然后,启动项目发现报错...原创 2020-09-15 17:55:10 · 1135 阅读 · 0 评论 -
nuxt创建项目
Nuxt.js 是一个基于 Vue.js 的通用应用框架。通过对客户端/服务端基础架构的抽象组织,Nuxt.js 主要关注的是应用的UI 渲染。我们的目标是创建一个灵活的应用框架,你可以基于它初始化新项目的基础结构代码,或者在已有 Node.js 项目中使用 Nuxt.js。为了快速入门,Nuxt.js 团队创建了脚手架工具create-nuxt-app。现在以nuxt.js@2.14版本为例,说明如何Nuxt创建项目的。确保安装了 npx(npx 在 NPM 版本 5.2.0 默认..原创 2020-09-15 16:30:28 · 3767 阅读 · 0 评论