项目启动报错Syntax Error: Error: PostCSS received undefined instead of CSS string的解决办法

最新推荐文章于 2023-10-17 10:48:21 发布
最新推荐文章于 2023-10-17 10:48:21 发布
阅读量700 收藏 5
点赞数 2
文章标签： css postcss 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_61529967/article/details/132249201
版权

遇到的问题： 启动错误，报错如下

在这里插入图片描述

问题原因：node-sass与node版本不兼容所致

解决方案1：降低node版本

解决方案2：安装nvm并使用nvm切换node版本 【推荐】

方案2比较简便快捷，node版本切换自如，强烈推荐

按照方案2，一系列操作之后的操作

  1. node -v 查看当前node版本
  2. nvm list 查看已下载的node版本列表
  3. nvm use 14.17.2 切换低版本node
  4. npm run serve 重新跑起来

在这里插入图片描述成功跑起来

前端小雪的博客.
关注
  • 2
    点赞
  • 踩
  • 5
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 1
    评论
[vue]解决npm run后报错 Syntax Error: Error: PostCSS received undefined instead of CSS string
sinat_41506268的博客
03-30 5368
本地项目上传到服务器，npm run serve启动项目后，报错Syntax Error: Error: PostCSS received undefined instead of CSS string。
Syntax Error: Error: PostCSS received undefined instead of CSS string at runMicrotasks
Stitch_xiao的博客
10-29 4538
写项目中刚有灵感去解决bug,但是突然vsCode崩了（出现崩溃的原因可能是我升级了软件），运行一直报错，此时去百度看看大家伙们的解决办法，搞了一个多小时没搞好。最后我重行按照各位大佬们的步骤去匹配版本就好了。直接上图 报错： 我按照大佬们的说不匹配的方案去搞，结果在vsCode中npm失败 如果下载失败就去当前项目下打开cmd(在这里我用npm下载失败，所以安装了淘宝镜像）重新来了一次再次运行就好了。上步骤： 1.打开cmd全局安装淘宝镜像，安装过的就不用二次安装 淘宝镜像：npm inst
Syntax Error: Error: PostCSS received undefined instead of CSS string
biaobiaogege的博客
05-25 7767
报错原因：大概率是sass和node版本不匹配【我的最后查出是因为另外一台电脑的node(16.15.0)相比于原本可以运行电脑的node版本(14.16.0)高】 两种方法解决：1、降低node版本，2、安装nvm管理不同的nodejs版本【推荐】 安装nvm管理不同的nodejs版本 1、下载nvm安装包：下载地址：https://github.com/coreybutler/nvm-windows/releases 解压后，等下就用nvm-setup.exe 文件 2、删除已经装了高阶node
解决 Syntax Error: Error: PostCSS received undefined instead of CSS string
热门推荐
weixin_46778896的博客
05-20 3万+
解决 Syntax Error: Error: PostCSS received undefined instead of CSS string 错误如下 解决方法 卸载当前版本的node-sass和sass-loader,因为版本和当前的不兼容,安装对应版本的包即可。 #卸载node-sas和sass-loader npm uninstall node-sass npm uninstall sass-loader 安装其他版本 #安装node-sas和sass-loader npm install n
解决 Syntax Error Error PostCSS received undefined instead of CSS string
m0_54854317的博客
03-07 3429
解决 Syntax Error: Error: PostCSS received undefined instead of CSS string 错误如下 解决方法 卸载当前版本的node-sass和sass-loader,因为版本和当前的不兼容,安装对应版本的包即可。 #卸载node-sas和sass-loader npm uninstall node-sass npm uninstall sass-loader 安装其他版本 #安装node-sas和sass-loader npm install n
Syntax Error: Error: PostCSS received undefined instead of CSS string （已解决）
最新发布
博客简介
10-17 2691
vue项目启动报错
Vue项目报错：Uncaught SyntaxError: Unexpected token <
10-17
主要介绍了Vue项目报错：Uncaught SyntaxError: Unexpected token <，在引入第三方依赖的 JS 文件时，遇到的一个问题，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
解决pip install xxx报错SyntaxError: invalid syntax的问题
01-20
python——pip install xxx报错SyntaxError: invalid syntax 在安装好python后，进入python运行环境后，因为我要用pip安装开发Web App需要的第三方库，执行pip install aiohttp，发现会报错SyntaxError: invalid ...
关于pip install xxx报错SyntaxError：invalid syntax的解决方法
01-20
关于pip install xxx报错SyntaxError：invalid syntax的解决方法 声明：1.以下均以pip install requests举例； 2.Windows系统； 首先，看自己是否在python环境中运行了pip，若是，请打开“开始”菜单，输入cmd，找到...
Vue项目报错：Uncaught SyntaxError: Unexpected token
01-19
控制台的提示：Uncaught SyntaxError: Unexpected token < 按照提示进入文件，再看如下图： 仔细看了看 index.html 文件,发现原本我的 JS 文件是放在 /src/utils 文件夹下的，但引入 /src 和 /static 的文件是...
解决 Syntax Error: Error: PostCSS received undefined instead of CSS string 的问题
雨田大大的专栏
03-29 4969
1.卸载当前版本 npm uninstall node-sass npm uninstall sass-loader 2.安装指定版本 npm install node-sass@4.14.1 npm install sass-loader@8.0.0 3.运行 npm run server 如果出现node_modules/node-sass/vendor 模块找不到 直接在node_modules/node-sass下新建一个vender文件夹，然后再执行 npm rebuild.
Error: PostCSS received undefined instead of CSS string核心解决方法
刘建亚的专栏
12-30 1万+
问题描述： 本人使用的 "node-sass": "^6.0.0", "sass-loader": "^10.2.0", 编译竟然过不去。报错 Error: PostCSS received undefined instead of CSS string 核心原因： 因为多次安装node-sass与sass-loader，导致依赖混乱。 解决方案： 重新执行下依赖运行 以下代码 npm rebuild node-sass 验证结果： npm run dev 完美运行...
【error】解决报错: PostCSS received undefined instead of CSS string
qq_41287158的博客
06-22 751
解决报错: PostCSS received undefined instead of CSS string
VUE碰到 PostCSS received undefined instead of CSS string 错误怎么办
weixin_43760048的博客
04-15 2570
尝试暂时禁用某些引入后产生错误现象无实际意义又不必要存在之功能较多复杂性强烈依赖Postcss编译机制所承担任务量偏大，进行性能优化须谨慎处理确定上述过程执行成功之前本方法和第5条不能同时启动！嗨，看到你碰到了这个问题。这种错误通常是由于 PostCSS 处理的 css 文件出现问题导致的，并且可能与某个插件不兼容。请检查相关的 CSS 文件以确保其格式正确。如果可能的话，尝试使用其他工具（如 Less）替换 PostCSS。在项目目录下找到 .cache 目录，并删除其中所有内容。
【解决】Syntax Error: Error: PostCSS received undefined instead of CSS string
long_steve的博客
07-27 1398
代码】【解决】SyntaxErrorErrorPostCSSreceivedundefinedinsteadofCSSstring。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

前端小雪的博客.

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值