Nuxt 配置踩坑记录,各种无伤大雅又让人分外恶心的warning

2023-11-21 03:40

本文主要是介绍Nuxt 配置踩坑记录,各种无伤大雅又让人分外恶心的warning,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

这里只记录踩坑 和 目前一些nuxt.config.js的配置,详细的nuxt脚手架构建过程不多做叙述:

1. Classic mode for store/ is deprecated and will be removed in Nuxt 3.

之前store的创建方式,大概都是这样子的,返回的是一个函数, Nuxt3将废弃这种写法,大概是因为 store被nuxt内之后做了封装

不报waring的书写方式:

 

2: Nuxt 配置 flexable、 rem、 stylus、全局样式、 公共变量、postcss-px2rem-exclude的方法:

a: flexable设置根元素大小

网上下载的flexable.js,当然你也可以用自己写的

下载地址:http://g.tbcdn.cn/mtb/lib-flexible/0.3.4/??flexible_css.js,flexible.js

将下载好的 js 放入 static中,或者别的地方, 然后在 nuxt.config.js 的head中配置如下

 

b、 sass、less 配置建议查看该文档: https://blog.csdn.net/WU5229485/article/details/99291603

 

c: postcss-px2rem-exclude 的配置方式,用过的都知道自动转换px到rem,这里给坑了很久,说多了都是自己蠢(泪奔)。
按网上流程,安装了 postcss,postcss-px2rem, postcss-px2rem-exclude(可以忽略一些文件不进行转换,px2rem升级版)

一开始是这么配置的:(这样是可以实现px -> rem 的哦)

问题来了,疯狂的warning虽然不影响程序,但是看得人一个头两个大

(Using an Array as build.postcss will be deprecated in Nuxt 3. Please switch)

网上大部分纠错记录都是酱紫的: (每个博客都这么写!!!,连标点符号错的都千篇一律!!好气)

这么改完后,在我最新nuxt脚手架搭建的项目中(2020/07/08),这时候修改完根本不生效

官网是这么写的:https://nuxtjs.org/api/configuration-build#postcss(一开始还真没看懂。。,尬住)

最终参考官网修改后是酱紫的:

终于生效又不报错了,舒服了。

 

 

mark一下:

vuex-persistedstate 这个状态保存工具是真的看不懂怎么在 nuxt中使用~!

npm上是这么介绍的:https://www.npmjs.com/package/vuex-persistedstate

头痛,看不懂应该怎么用啊,跟vue搭建项目时不太一样啊,蓝瘦,并且store还同时修改了,

之前都是写在store中的plugins里。

 

 

 

先到这里,改天继续加入 axios 、vant啥的。

这篇关于Nuxt 配置踩坑记录,各种无伤大雅又让人分外恶心的warning的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/399563

相关文章

Keepalived+Nginx双机配置小结

《Keepalived+Nginx双机配置小结》本文主要介绍了Keepalived+Nginx双机配置小结,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面... 目录1.1 软硬件要求1.2 部署前服务器配置调优1.3 Nginx+Keepalived部署1.3

Apache伪静态(Rewrite).htaccess文件详解与配置技巧

《Apache伪静态(Rewrite).htaccess文件详解与配置技巧》Apache伪静态(Rewrite).htaccess是一个纯文本文件,它里面存放着Apache服务器配置相关的指令,主要的... 一、.htAccess的基本作用.htaccess是一个纯文本文件,它里面存放着Apache服务器

nginx配置多域名共用服务器80端口

《nginx配置多域名共用服务器80端口》本文主要介绍了配置Nginx.conf文件,使得同一台服务器上的服务程序能够根据域名分发到相应的端口进行处理,从而实现用户通过abc.com或xyz.com直... 多个域名,比如两个域名,这两个域名其实共用一台服务器(意味着域名解析到同一个IP),一个域名为abc

nginx生成自签名SSL证书配置HTTPS的实现

《nginx生成自签名SSL证书配置HTTPS的实现》本文主要介绍在Nginx中生成自签名SSL证书并配置HTTPS,包括安装Nginx、创建证书、配置证书以及测试访问,具有一定的参考价值,感兴趣的可... 目录一、安装nginx二、创建证书三、配置证书并验证四、测试一、安装nginxnginx必须有"-

springboot rocketmq配置生产者和消息者的步骤

《springbootrocketmq配置生产者和消息者的步骤》本文介绍了如何在SpringBoot中集成RocketMQ,包括添加依赖、配置application.yml、创建生产者和消费者,并展... 目录1. 添加依赖2. 配置application.yml3. 创建生产者4. 创建消费者5. 使用在

Spring Retry 实现乐观锁重试实践记录

《SpringRetry实现乐观锁重试实践记录》本文介绍了在秒杀商品SKU表中使用乐观锁和MybatisPlus配置乐观锁的方法,并分析了测试环境和生产环境的隔离级别对乐观锁的影响,通过简单验证,... 目录一、场景分析 二、简单验证 2.1、可重复读 2.2、读已提交 三、最佳实践 3.1、配置重试模板

SpringBoot使用Jasypt对YML文件配置内容加密的方法(数据库密码加密)

《SpringBoot使用Jasypt对YML文件配置内容加密的方法(数据库密码加密)》本文介绍了如何在SpringBoot项目中使用Jasypt对application.yml文件中的敏感信息(如数... 目录SpringBoot使用Jasypt对YML文件配置内容进行加密(例:数据库密码加密)前言一、J

在 Spring Boot 中使用异步线程时的 HttpServletRequest 复用问题记录

《在SpringBoot中使用异步线程时的HttpServletRequest复用问题记录》文章讨论了在SpringBoot中使用异步线程时,由于HttpServletRequest复用导致... 目录一、问题描述:异步线程操作导致请求复用时 Cookie 解析失败1. 场景背景2. 问题根源二、问题详细分

MySQL zip安装包配置教程

《MySQLzip安装包配置教程》这篇文章详细介绍了如何使用zip安装包在Windows11上安装MySQL8.0,包括下载、解压、配置环境变量、初始化数据库、安装服务以及更改密码等步骤,感兴趣的朋... 目录mysql zip安装包配置教程1、下载zip安装包:2、安装2.1 解压zip包到安装目录2.2

MySQL 中的服务器配置和状态详解(MySQL Server Configuration and Status)

《MySQL中的服务器配置和状态详解(MySQLServerConfigurationandStatus)》MySQL服务器配置和状态设置包括服务器选项、系统变量和状态变量三个方面,可以通过... 目录mysql 之服务器配置和状态1 MySQL 架构和性能优化1.1 服务器配置和状态1.1.1 服务器选项