Vue 报错Error: No PostCSS Config found问题及解决

 更新时间:2022年07月21日 10:53:57   作者:S筱潇S四维Smile  
这篇文章主要介绍了Vue 报错Error: No PostCSS Config found问题及解决方案,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教

Vue 报错Error: No PostCSS Config found

从git上 clone 下来的代码:

npm install 

安装依赖以后,启动服务,出现Error: No PostCSS Config found报错:

npm run dev

解决办法

在项目根目录下创建postcss.config.js,配置内容如下:即可修复报错问题。

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

Vue使用中报错处理ERROR

Vue常见错误解析

vue.js:634 [Vue warn]: Do not mount Vue to <html> or <body> - mount to normal elements instead.

vue实例只能挂在到普通的元素标签上,不能是html、body标签,而且推荐使用id选择器来获取标签

[Vue warn]: Property or method "XXX" is not defined on the instance but referenced during render.

vue框架是一个声明式的框架,所以在挂载点内要使用变量时,要定义才能使用。

[Vue warn]: Unknown custom element: <mycom> - did you register the component correctly? For recursive components, make sure to provide the "name" option.

组件的名字是否正确,或者检查有没有注册

注意事项关于组件名称:

vue.js:634 [Vue warn]: Do not use built-in or reserved HTML elements as component id: div

组件的名称不能是html内置的标签

组件的名称不是html内置的标签全大写

如果组件的名称包含大写字母(非首字母),在使用组件时,要把大写字母转换成-小写字母

vue.js:634 [Vue warn]: The "data" option should be a function that returns a per-instance value in component definitions.

因为对象类型的数据影响,组件复用时,数据会相互影响,所以为了保证数据的正确性和独立性,在组件中定义data时,要写成一个函数,并返回一个对象来定义组件的初始数据

以上为个人经验,希望能给大家一个参考,也希望大家多多支持脚本之家。

相关文章

  • vant4 封装日期段选择器的实现

    vant4 封装日期段选择器的实现

    本文主要介绍了vant4 封装日期段选择器的实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2023-03-03
  • vue+iview+less 实现换肤功能

    vue+iview+less 实现换肤功能

    这篇文章主要介绍了vue+iview+less 实现换肤功能,项目搭建用的vue—cli,css框架选择的iview,具体操作流程大家跟随脚本之家小编一起看看吧
    2018-08-08
  • Vue组件实例间的直接访问实现代码

    Vue组件实例间的直接访问实现代码

    在组件实例中,Vue提供了相应的属性,包括$parent、$children、$refs和$root,这些属性都挂载在组件的this上。本文将详细介绍Vue组件实例间的直接访问,需要的朋友可以参考下
    2017-08-08
  • 解决vue v-for src 图片路径问题 404

    解决vue v-for src 图片路径问题 404

    今天小编就为大家分享一篇解决vue v-for src 图片路径问题 404,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2019-11-11
  • vue全局数据管理示例详解

    vue全局数据管理示例详解

    这篇文章主要为大家介绍了vue全局数据管理示例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-07-07
  • Vue.js中v-show和v-if指令的用法介绍

    Vue.js中v-show和v-if指令的用法介绍

    这篇文章介绍了Vue.js中v-show和v-if指令的用法,文中通过示例代码介绍的非常详细。对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2022-03-03
  • vue中使用v-for时为什么不能用index作为key

    vue中使用v-for时为什么不能用index作为key

    这篇文章主要介绍了vue中使用v-for时为什么不能用index作为key,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-04-04
  • 基于Vue2-Calendar改进的日历组件(含中文使用说明)

    基于Vue2-Calendar改进的日历组件(含中文使用说明)

    这篇文章主要介绍了基于Vue2-Calendar改进的日历组件(含中文使用说明)的相关知识,非常不错,具有一定的参考借鉴价值 ,需要的朋友可以参考下
    2019-04-04
  • 详解input组合事件如何监听输入中文

    详解input组合事件如何监听输入中文

    这篇文章主要为大家介绍了input组合事件如何监听输入中文示例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-06-06
  • vite中的glob-import批量导入的实现

    vite中的glob-import批量导入的实现

    本文主要介绍了vite中的glob-import批量导入的实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2023-07-07

最新评论