No PostCSS Config found in报错解决

前情提要】日前本人将本地项目上传GitHub之后,然后再clone到本地,运行是报错:Error: No PostCSS Config found in...


项目在本地打包运行的时候不报错,上传到 GitHub 之后,再 clone 到本地,执行安装依赖命令:

cnpm install

安装完依赖之后再执行编译命令:

npm run dev

这个时候居然报错了,纳尼?以为是Github代码的问题,就重新操作两遍,依然还是报错。于是开始搜索解决办法,在项目根目录新建postcss.config.js文件,并对postcss进行配置:

module.exports = { 
  plugins: { 
    'autoprefixer': {browsers: 'last 5 version'} 
  } 
}

然后测试,果然好了

npm run dev

项目在本地运行时本来不报错的,但是为什么上传到 GitHub 之后,再 clone 下来,再运行就得单独写一个 postcss.config.js 的文件并配置一下呢?

在npm上查到的postcss配置在webpack.config.js,postcss.config.js是针对webpack3.0做的特殊处理

【小贴士】如果在国内执行npm install很慢的话,可以安装cnpm命令,使用淘宝镜像,速度贼快。cnpm跟npm用法完全一致,只是在执行命令时将npm改为cnpm即可。但是cnpm 的仓库只是 npm 仓库的一个拷贝,它不承担 publish 工作,所以你用 cnpm publish 命令会执行失败的,另外不仅是 publish 会执行失败,其它的需要注册用户(npm adduser)、或者修改 package 状态等命令都无法用 cnpm。


淘宝 NPM 镜像:这是一个完整 npmjs.org 镜像,你可以用此代替官方版本(只读),同步频率目前为 10分钟 一次以保证尽量与官方服务同步。

### 回答1: 这个错误提示是在使用 PostCSS 工具时出现的,意思是没有找到 PostCSS 的配置文件。 解决方法是在项目根目录下创建一个名为 postcss.config.js 的文件,并在其中配置 PostCSS 的插件和选项。具体的配置方法可以参考 PostCSS 的官方文档。 ### 回答2: “No postcss config found in”这个错误提示通常会在使用PostCSS时出现,提示我们没有找到PostCSS的配置文件。这个错误可能是由几种情况造成的,下面介绍几个常见的情况及解决方法。 1. 没有安装PostCSS: 首先,我们需要确保已经全局和本地安装了PostCSS。全局安装可以使用命令npm install -g postcss,本地安装可以在项目目录下使用命令npm install —save-dev postcss。如果没有安装PostCSS,在使用PostCSS时就会出现“No postcss config found in”的错误提示。 2. 缺少postcss.config.js文件: 我们需要在项目根目录下创建一个postcss.config.js文件,这是PostCSS的配置文件。如果没有创建这个文件,使用PostCSS时就会出现“No postcss config found in”的错误提示。postcss.config.js文件的内容如下: module.exports = { plugins: [ // 插件列表... ] } 3. postcss.config.js文件名错误: 在创建postcss.config.js文件时,需要确保文件名字是正确的。如果文件名字不正确,使用PostCSS时就会出现“No postcss config found in”的错误提示。 4. postcss.config.js文件路径错误: 在创建postcss.config.js文件时,需要注意文件路径,确保文件在项目根目录下。如果文件路径不正确,使用PostCSS时就会出现“No postcss config found in”的错误提示。 总之,出现“No postcss config found in”的错误提示通常是由PostCSS的配置问题造成的。我们需要确保已经正确安装了PostCSS,正确创建了postcss.config.js配置文件,并确保文件名和文件路径正确。通过解决这些问题,我们就可以成功使用PostCSS,避免这个错误的发生。 ### 回答3: “No postcss config found in”是一种常见的错误信息,它通常是由于在使用PostCSS时没有正确配置文件或配置不正确而引起的。PostCSS是一个用于处理CSS的工具,它可以帮助我们自动处理压缩、前缀、转换等等操作。但是,如果没有正确配置,就会出现no postcss config found in的错误。 造成这种错误的主要原因是没有正确的配置文件,例如没有配置postcss.config.js文件。在使用PostCSS之前,应该在项目根目录中定义一个postcss.config.js文件,并在其中指定所需的插件和选项。例如,你可以在配置文件中添加autoprefixer插件来自动添加CSS前缀。 在postcss.config.js文件中配置需要的插件和选项: module.exports = { plugins: [ require('autoprefixer') ] } 还有一种可能是在使用PostCSS插件时没有正确安装所需的依赖项。例如,如果要使用autoprefixer插件,需要先安装autoprefixer npm包。因此,需要检查是否正确安装了必需的依赖项。 总之,“No postcss config found in”这个错误,一般都是由于缺少或者没有正确配置文件所引起的。只要正确添加配置文件,设置正确的选项和插件,就可以很容易地解决这个问题。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值