搭建react的vw架构时候报 Cannot load preset "advanced".

最新推荐文章于 2022-12-23 16:57:15 发布

weixin_30869099

最新推荐文章于 2022-12-23 16:57:15 发布

阅读量484

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/smart-girl/p/11388692.html

版权

原版的报错如下

Administrator@DESKTOP-EHCTIOR MINGW64 /e/821box/react-vw-layout (master)
$ yarn start
yarn run v1.17.3
$ node scripts/start.js
Starting the development server...

Failed to compile.

./src/index.css (./node_modules/css-loader/dist/cjs.js??ref--6-oneOf-3-1!./node_modules/postcss-loader/src??postcss!./src/index.css)
Error: Cannot load preset "advanced". Please check your configuration for errors and try again.

解决办法为

cnpm i cssnano-preset-advanced --save-dev

再运行项目就是ok的

转载于:https://www.cnblogs.com/smart-girl/p/11388692.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_30869099

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

构建基于React 的架构设计与实现

AI天才研究院

06-27

4019

作为一名人工智能专家,程序员和软件架构师,我经常被要求构建基于React的架构,为了解决这个问题,我花费了大量的时间和精力,并通过实践和经验积累,总结出以下步骤和技巧,希望能够帮助大家更好地理解构建基于React的架构的设计和实现。本文将介绍如何构建基于React的架构,包括技术原理、实现步骤、应用示例和优化改进等方面的内容。在了解了基本概念后,我们来看一下React的技术原理。组件传值:React中的组件可以通过props将数据传递给父组件,从而实现组件之间的共享。

React Native新架构剖析

xiangzhihong8的专栏

12-26

2490

目前 React Native 新架构所依赖的 React 18 已经发了 beta 版，React Native 新架构面向生态库和核心开发者的文档也正式发布，React Native 团队成员 Kevin Gozali 也在最近一次访谈中谈到新架构离正式发版还差最后一步延迟初始化，而最后一步工作大约会在 2022 年上半年完成。种种迹象表明，React Native 新架构真的要来了。前面，RN官方宣布：Hermes将成为React Native默认的JS引擎。在文章中，我们简单的介绍了即将发布的新渲

参与评论您还未登录，请先登录后发表或查看评论

react-vw-layout:使用create-react-app脚手架搭建 vw 适配方案 react 16 && react dom 16 搭配使用，一个多页面路由项目 && react-router 4+

05-03

最近在react 上配置使用vw 适配方案，总体表现优秀。所以很多同学们都在观望vw 适配到底行不行，靠不靠谱。在这里，从我在项目中实战应用下来但经验来说，可行，靠谱！简单配置，一劳永逸，高可靠的还原设计师的稿子，给你底气和设计师对标UI。欢迎挑战还原度，从此做一个自信的前端工程师。哈哈～一定要看到底，可能有你会遇到坑的解药！拿走不谢++++ 给个小星星吧该demo 为vw 适配方案 react 16 && react-router-dom 4+ 搭配使用，一个多页面路由项目. 步骤： 1、创建项目 && 初始化 create-react-app react-vw-layout cd react-vw-layout 2、开启我们的配置之路&&简单配置 react 把配置都隐藏了，需要我们手动来显示配置 npm run eject //Are you sure you want t

vue移动端项目vw适配运行项目时出现"advanced"报错解决办法

weixin_44965246的博客

09-10

743

vue移动端项目vw适配运行项目时出现"advanced"报错解决办法(转自https://www.cnblogs.com/PYiP/p/10186534.html) Module build failed: Error: Cannot load preset “advanced”. Please check your configuration for errors and try again....

vue移动端项目vw适配运行项目时出现"advanced"报错解决办法。

dengke2247的博客

12-27

247

Module build failed: Error: Cannot load preset "advanced". Please check your configuration for errors and try again. at resolvePreset (E:\dxl_vue\baoge\node_modules\_cssnano@4.1.8@cssnano\...

create-react-app+react-app-rewired搭建viewport解决方案

weixin_33736048的博客

10-23

589

create-react-app搭建vw-layout解决方案前言：我第一次接触到vw适配移动端的方案是在大漠先生的博客里（如何在Vue项目中使用vw实现移动端适配）,强烈建议没看过的朋友先去看一下这篇博客。vw解决方案早有耳闻，我也很想上手尝试一下，所以想要自己上手配置一个CRA脚手架的解决方案。在自己动手之前也先查了一些资料，其中G...

跟我一起使用create-react-app脚手架搭建vw-layout解决方案

weixin_30869099的博客

08-21

346

之前也是看过大漠的vw适配Vue-cli，我自己写H5，还有使用vue做项目的时候，会搭建大漠博客中的那一套。现在在github上面，看见了一位博主使用create-react-app也是用vw适配，非常开心，现在我们一起使用vw给react适配移动端项目吧~ 先放上博主大大的开源地址：https://github.com/gaohan1994/react-vw-layout 给各位无...

解决在 React + TS项目中使用 scss 报 cannot find module ‘xxx.scss‘ 的问题

name_lsc的博客

01-27

2968

使用 create-react-app 的创建的项目，其默认的 webpack.config.js （这个文件默认隐藏，要查看需要运行 npm run eject，运行这个命令前需要本地 commit 代码）的文件中，是默认配置了 sass-loader 的选项的，所以在 react 项目中使用 sass 还是比较方便的。虽然默认配置了 sass-loader，但要使用 sass 还是需要先安装一下的 npm install sass or yarn add sass 安装好依赖后，就可以把样式文件改为.

React报错之React hook ‘useState‘ cannot be called in a class component

m0_56069948的博客

08-24

3767

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-D3Y9dzKn-1661274578536)(https://p9-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/2a01cb9ce10e40568a33eff7e56a4142~tplv-k3u1fbpfcp-watermark.image?导致这个错误的原因是，钩子只能在函数组件或自定义钩子中使用，而我们正试图在一个类中使用钩子。解决该错误的一种方法是，将类组件转换为函数组件。

【报错问题】React Native 下安卓环境启动时红屏：Unable to load script. Make sure you‘re either...

窝窝头的博客

02-16

2247

目录：版本说明报错内容解决办法一、版本说明本机系统： Mac Android studio: 3.6.2 "react": "16.8.3", "react-native": "0.59.9", "react-native-audio": "4.3.0", 二、在Android 安卓环境，Android Studio 中运行启动项目时出现以下错误： Unable to load script.Make sure you're either running a metro server(ru

Error: Loading PostCSS Plugin failed: Cannot find module ‘postcss-import‘

qq_41735632的博客

03-01

2万+

Vue cli-3 使用css转换postcss插件报错 Error: Loading PostCSS Plugin failed: Cannot find module ‘postcss-import’ 寻找错误解决问题 1.安装npm install postcss-px-to-viewport --save-dev 2.添加配置文件postcss-config.js 运行报错报错提示：没有找到 postcss-import模块猜想：①使用postcss插件需要额外npm install pos

vue cli3项目使用rem和vw实现自适应的方法

weixin_46995731的博客

12-07

2845

vue cli3项目使用rem和vw实现自适应的两种方法前言之前我写过两篇cli2项目自适应配置的文章,不过现在遇到的vue项目大多是cli3项目所以觉得有必要总结一下cli3项目自适应方法, 在网上找了一篇不错的文章安装配置 vue-cli3 构建的项目相较于vue-cli2 构建的项目精简了许多，将一些默认配置进行了更好更严密，让开发变得更高效的封装。一. 使用postcss-px2rem自适应 1. 安装 flexible和 postcss-px2rem npm i ib-flexible -

Error:Loading PostCSS Plugin failed: Cannot find module ‘postcss-pxtorem‘

qq_57305148的博客

07-09

1万+

今天安装了插件posttcss插件，在运行项目的时候，出了下面的报错安装时候的命令：yarn add -D postcss-pxtorem 先说一下解决办法吧：报错是因为版本太高，降低一下版本，重新下载一下5.1.1版本的就好了 yarn add postcss-pxtorem@5.1.1 接下来介绍一下这个命令移动端REM适配 Vant中的样式默认使用px作为单位，如果需要使用rem单位，就可以使用以下两个工具： postcss-pxtorem 是一款 postcss 插件，用于将单位转化为 r

Error: Loading PostCSS Plugin failed: Cannot find module 'autoprefixer'