vue-cli 引入 element-ui npm run dev 报错 No Postcss

最新推荐文章于 2023-02-19 13:43:36 发布
最新推荐文章于 2023-02-19 13:43:36 发布
阅读量307 收藏
点赞数
CC 4.0 BY-SA版权
文章标签： ui javascript ViewUI
原文链接：https://juejin.im/post/5b8a328c6fb9a019eb43cb2a
本文介绍了解决Vue CLI项目中集成Element UI时出现的npm run dev报错问题。通过在项目根目录下创建并配置postcss.config.js文件，可以成功避免此错误，实现项目的正常运行。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

背景：vue-cli 引入 element-ui 运行 npm run dev 时 报错：


解决办法：

在项目根目录添加  postcss.config.js 文件，内容如下：

module.exports = {
  plugins: {
    'autoprefixer': {browsers: 'last 5 version'}
  }
}复制代码

完美解决！～


前端开发：执行npm run serve命令报错npm ERR! XXX@0.1.0 serve: `vue-cli-service serve`
全沾软贱开发攻城狮
08-21 5万+
在前端开发过程中，npm的使用是少不了的，所以需要知道基本的操作使用，并且了解常见的异常情况处理。 那么本篇博文就来分享一个常见的npm错误提示，在执行npm run serve命令的时候提示报错npm ERR! XXX@0.1.0 serve: `vue-cli-service serve`的提示问题。记得之前该实例项目没有问题，只是过了一段时间没有操作，然后接着又继续开发的时候突然就报了该错误，具体错误提示如下所示： CheZhng$ npm run serve > XXX-es6@0.
Vue2基础（6）——vue-cli、element-ui、axios拦截器、proxy接口代理
SongD1114的博客
04-09 1939
Vue2基础vue-cli、element-ui、axios拦截器、proxy接口代理
vue 引入字体图标显示方块
BigOrange的博客
11-26 2031
问题现象： 使用element-ui，字体图表显示“方块”。 项目加载后，看加载文件，并没有.woff或.woff2或.ttf等字体图标文件。 也没有字体图表转换后的base64，文件。 环境； webpack4，vue2 有问题的代码： webpack.base.conf.js: module: { rules: [ { test: /\.(woff2?|eot|ttf|otf)(\?.*)?$/, u
【vue】项目编译报错 Error: No PostCSS Config found in...
03-19 282
问题描述： 项目在本地运行不报错，上传到 GitHub 之后，再 clone 到本地，执行： npm install 安装完成之后再执行： npm run dev 这时报错 Error: No PostCSS Config found in... 本以为是 GitHub 上传的问题，后开又试了两回，发现问题依然存在，于是就开始网上寻找办法。 解决方案： 在...
vue main.js 导入文件报错Module build failed: Error: No PostCSS Config found in:
weixin_30889885的博客
10-16 263
坑了一早上 https://blog.youkuaiyun.com/qq_41831345/article/details/80636053 转载于:https://www.cnblogs.com/yuanguliang/p/9797197.html
Vue, element-ui Module build failed: Error: No PostCSS Config found
weixin_30797027的博客
11-13 347
使用vue框架写pc页面时，我们经常会用到element-ui这个框架。 当我们吧把需要的东西都装在好运行项目的时候，有时会出现这样的错误， Module build failed: Error: No PostCSS Config found 这是因为缺少了一个配置文件，需要重新建立一个文件: postcss.config.js，配置内容如下 module.exports = { ...
vue Error: No PostCSS Config found in
aiqy91387的博客
07-27 253
最近在做一个vue的移动端的项目，遇到一个问题，我本地的项目运行正常，可是上传到github上的一启动就报错，就是标题上的错误，找了很久，刚开始以为是某个css没有配置，就把本地的复制过去还是报错，无奈找度娘，百度了挺久终于看到一篇文章和我的情况一样根据这篇文章找到解决方法 如下： 项目根目录下面新建postcss.config.js文件 1 module.expor...
使用vue-cli导入Element UI组件的方法
11-30
首先第一步,现在命令行中...以上所述是小编给大家介绍的使用vue-cli导入Element UI组件的方法，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对软件开发网网站的支持！
element-admin：一个支持vue-cli的Element UI的后台模板
02-06
用vue-cli生成的vue2与element-ui的后台开发脚手架 已长期不维护，请移至 介绍 公司的java开发人员已会vue2和element-ui开发后台系统，但每个人的开发风格都类似，因此整套标准的基于的的模板供开发人员使用。 用法 ...
由 vue-cli 生成的 Element UI 入门套件.zip
最新发布
12-01
它整合了Element UI组件库与vue-cli的强大功能，旨在帮助新手快速入门，并体验使用Vue.js与Element UI进行开发的流程。这个套件不仅包含了一个完整的项目结构，还包括了必要的配置文件，如.babelrc、.gitignore、...
Vue导入ElementUI时报错：Module build failed: Error: No PostCSS Config found in:
OlarianBlog
12-09 1692
解决办法： 观察报错内容，在缺少postcss配置的那个目录里面新建postcss.config.js文件，并对postcss进行配置,文件中写入如下内容： module.exports = { plugins: { 'autoprefixer': {browsers: 'last 5 version'} } }; 注意：不是在你写的项目根目录下创建，而是在node_modules下上述根目录里创建 ...
npm run dev 报错 Module build failed: Error: No PostCSS Config found in:
HuangsTing的博客
08-28 283
情景： 本地项目移到git上面，项目从git上面拉下来运行后报错 failed: Error: No PostCSS Config found in: D:\XXX 解决： 查了网上的资料说： 需要在根文件里面新建一个文件 postcss.config.js ,在里面添加以下代码： module.exports = { plugins: { 'autoprefixer': {browsers: 'last 5 version'} } } 然后重新 npm run dev 就好了…
Vue 项目启动抛出 Error/ No PostCSS Config found in
dengyi8388的博客
12-04 291
项目启动时抛出 Error: No PostCSS Config found in … 的错误表示某个 css 文件不能被引入 解决办法： module.exports = { plugins: { 'autoprefixer': {browsers: 'last 5 version'} } } 你在网上找的解决方案应该有提到...
VUE：No PostCSS Config found 解决
bdmh的专栏
03-23 6136
通过npm安装后，在vue中引用时，比如： import 'font-awesome/css/font-awesome.min.css' 有时会遇到No PostCSS Config found的错误信息，网上这类大都是说在项目根目录下创建postcss.config.js文件，内容如下： module.exports = { plugins: { 'autoprefixer': { browsers: 'last 5 version' } } } 当创建后，依然
element-ui打包和运行报错处理
weixin_34174132的博客
05-18 518
最近在使用webpack打包过程中遇到element-ui报错。 说明一下情况：之前在原有的配置文件和node_modules依赖包下打包的过程中，一直都很顺利，但是突然就报错了，很尴尬啊！ 1 ERROR in static/js/vendor.dcbf487ca944c251aced.js from UglifyJs 2 Unexpected token name «i», expe...
更新elementui图标不显示_Vue的element ui的icon 不出来（显示的都是方块）是什么原因导致的...
weixin_34175978的博客
02-12 1858
package.json里面 element的版本是最新的在mian.js里面import ElementUI from 'element-ui';import 'element-ui/lib/theme-chalk/index.css';Vue.use(ElementUI);浏览器控制台在页面的使用默认带快捷选项start-placeholder="开始日期" end-placeholder="...
vue 使用element-ui打包后所有icon不显示，或者显示方块
lovewangyage的博客
02-19 1555
vue 使用element-ui打包后所有icon不显示，或者显示方块
使用vue+element-ui,打包后element-ui的图片显示小方块，本地没有问题
weixin_43713680的博客
05-21 5321
如题，在项目中实际遇到的问题，本地运行项目没有问题，打包后放到测试，element-ui的所有图片都变成了小方块，因为是老项目的更新迭代，初步判断是element-ui的版本问题，安装新版本后依然行； 最后解决方案来源于网上大神： 打包之后的背景图片路径 会多加static/css，导致文件找不到，解决方法如下：在build>utils.js 中加入这行代码： publicPath:’…/…...
vue项目引入element
weixin_30817749的博客
09-13 100
前提工作-安装并配置好以下环境： 1、安装node　　2、安装git 1、初始化项目 vue init webpack vue-elementui npm run dev 2、安装element npm i element-ui -S 3、引入element 　　3.1：在main.js中引入elementUI import ElementUI fro...
使用Vue-cli3和Element UI打造后台管理系统
在Vue-CLI3项目中引入Element UI后，开发者可以利用其提供的UI组件，如按钮、表单、表格、导航栏等，简化开发流程。 9. 标签"系统开源"： 本项目的标签"系统开源"意味着Vue-CLI3 + Element UI后台管理系统是一个...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值