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时,要写成一个函数,并返回一个对象来定义组件的初始数据

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

相关文章

  • vue中 router.beforeEach() 的用法示例代码

    vue中 router.beforeEach() 的用法示例代码

    导航守卫主要是通过跳转或取消的方式守卫导航,本文通过示例代码讲解vue中 router.beforeEach() 的用法,感兴趣的朋友跟随小编一起看看吧
    2023-12-12
  • vue使用自定义icon图标的方法

    vue使用自定义icon图标的方法

    这篇文章主要介绍了vue使用自定义的icon图标的方法,非常不错,具有一定的参考借鉴价值,需要的朋友可以参考下
    2018-05-05
  • Vue.use()和Vue.prototype使用详解

    Vue.use()和Vue.prototype使用详解

    Vue.use()主要用于注册全局插件,当插件具有install方法时,调用Vue.use()可以全局使用该插件,Vue.prototype用于注册全局变量,这些变量在项目任何位置都可以通过this.$变量名访问,两者的主要区别在于Vue.use()用于插件,Vue.prototype用于变量
    2024-10-10
  • Vue3中的provide、inject 的用法

    Vue3中的provide、inject 的用法

    这篇文章主要介绍了Vue3中的provide、inject 的用法,需要的朋友可以参考下
    2023-03-03
  • Vuex数据的存储与获取方式

    Vuex数据的存储与获取方式

    这篇文章主要介绍了Vuex数据的存储与获取方式,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2022-06-06
  • vue.config.js完整配置教程

    vue.config.js完整配置教程

    这篇文章主要为大家介绍了vue.config.js的完整配置教程,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-08-08
  • Vue组件实现数字滚动抽奖效果

    Vue组件实现数字滚动抽奖效果

    这篇文章主要为大家详细介绍了Vue组件实现数字滚动抽奖效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-03-03
  • Vue中点击url下载文件的案例详解

    Vue中点击url下载文件的案例详解

    这篇文章主要介绍了Vue中点击url下载文件案例详解,此文需要注意若是文件的url存在跨域的情况,则可能会下载失败,因为fetch请求连接后,由于跨域,拿不到资源,也就无法执行后续的操作,此时是失败的,详细内容跟随小编一起看看吧
    2022-04-04
  • 公共Hooks封装文件下载useDownloadFile实例详解

    公共Hooks封装文件下载useDownloadFile实例详解

    这篇文章主要为大家介绍了公共Hooks封装文件下载useDownloadFile实例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-11-11
  • vue中遇到scrollIntoView无效问题及解决

    vue中遇到scrollIntoView无效问题及解决

    这篇文章主要介绍了vue中遇到scrollIntoView无效问题及解决方案,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2023-05-05

最新评论