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

目录
  • Vue 报错Error: No PostCSS Config found
    • 解决办法
  • Vue使用中报错处理ERROR
    • Vue常见错误解析

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

以上为个人经验，希望能给大家一个参考，也希望大家多多支持我们。

赞 (0)

相关推荐

  • Vue常见报错以及解决方案实例总结

    Vue常见报错以及解决方案实例总结

    目录 前言 一.报错结构 二.常见问题总结及解决方法 Mixed spaces and tabs Element is missing end tag TypeError: Cannot read properties of undefined (reading '...') TypeError: ...forEach is not a function '...' is not defined / no-undef 总结 前言 写代码的过程中一定会遇到报错,遇到报错不要担心,认真分析就可以解决

  • 如何监听Vue项目报错的4种方式 

    如何监听Vue项目报错的4种方式 

    目录 背景 onerror element.onerror errorHandler errorCaptured error传播规则(划重点) 如何监听异步错误 总结 背景 在开发Vue项目时,使用浏览器调试可以比较清晰的看到报的什么错.在哪报错,或者使用console.log()打印出报错信息,以便快速定位到报错源头并解决,但是如果项目上线了又怎么查看呢.对于上线项目来说,一般都是会有代码混淆以及禁用console.log(),这个时候再使用浏览器调试就有点不太方便了.另一种场景,如果要做一个

  • 手拉手教你如何处理vue项目中的错误

    目录 一.错误类型 二.如何处理 后端接口错误 代码逻辑问题 全局设置错误处理 生命周期钩子 附:Vue统一错误处理 总结一下 一.错误类型 任何一个框架,对于错误的处理都是一种必备的能力 在Vue 中,则是定义了一套对应的错误处理规则给到使用者,且在源代码级别,对部分必要的过程做了一定的错误处理. 主要的错误来源包括: 后端接口错误 代码中本身逻辑错误 二.如何处理 后端接口错误 通过axios的interceptor实现网络请求的response先进行一层拦截 apiClient.inter

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

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

    目录 Vue 报错Error: No PostCSS Config found 解决办法 Vue使用中报错处理ERROR Vue常见错误解析 Vue 报错Error: No PostCSS Config found 从git上 clone 下来的代码: npm install 安装依赖以后,启动服务,出现Error: No PostCSS Config found报错: npm run dev 解决办法 在项目根目录下创建postcss.config.js,配置内容如下:即可修复报错问题. mo

  • Vue报错error:0308010C:digital envelope routines::unsupported的解决方法

    目录 发现错误 方法1.打开终端(按健win+R弹出窗口,键盘输入cmd,然后敲回车)并按照说明粘贴这些:(不一定行,本人失败了) 方法2.尝试卸载Node.js 17+版本并重新安装Node.js 16+版本,然后再重新启动 总结 发现错误 出现这个错误是因为 node.js V17版本中最近发布的OpenSSL3.0, 而OpenSSL3.0对允许算法和密钥大小增加了严格的限制,可能会对生态系统造成一些影响. 方法1.打开终端(按健win+R弹出窗口,键盘输入cmd,然后敲回车)并按照说明粘

  • Vue报错:TypeError: Cannot create property ‘xxxx‘ on的解决

    Vue报错:TypeError: Cannot create property ‘xxxx‘ on的解决

    目录 TypeError: Cannot create property ‘xxxx‘ on [Vue warn]: Error in nextTick: "TypeError: Right-hand side of 'instanceo 原因 解决办法 解决根据 TypeError: Cannot create property ‘xxxx‘ on 使用element的upload上传时报错 出现这种错通常是你的数据和需要的数据格式不匹配 查看官网发现需要的是这种格式[{},{}] 我的代码

  • vue打包报错:ERROR in static/js/xxx.js from UglifyJs undefined问题

    目录 报错信息如下 尝试解决办法 vue项目打包报错 报错信息如下 ERROR in static/js/xxxxxxxxxx.js from UglifyJs undefined 注意了!很多文章的报错信息 都有 vendor. 开头的,例如: ERROR in static/js/vendor.xxxx.js from UglifyJs 但我这个没有 vender! 所以也并不是什么大部分博客所说的ES6语法编译不通过的问题! 最后还有个很关键的 undefined 具体的错误信息忘记截图贴

  • Vue报错Syntax Error:TypeError: this.getOptions is not a function的解决方法

    Vue报错Syntax Error:TypeError: this.getOptions is not a function的解决方法

    目录 一.简单介绍 二.报错现象 三.问题分析 四.问题处理 1.查看 node 版本和 node-sass 版本依赖关系 2.查看 当前 node 版本和 node-sass 版本是否符合依赖关系 3.当前 node 版本和 node-sass 版本符合依赖关系,可能就是 sass-loader 版本过高,卸载 sass-loader 4.尝试安装低版本的  sass-loader 5.运行 vue 工程,顺利通过了 总结 一.简单介绍 Vue 开发的一些知识整理,方便后期遇到类似的问题,能够

  • pycharm 2020.2.4 pip install Flask 报错 Error：Non-zero exit code的问题

    pycharm 2020.2.4 pip install Flask 报错 Error：Non-zero exit code的问题

    Problem: Solution: 参考stackoverflow给出的解决方案:https://stackoverflow.com/questions/65085956/pycharm-venv-failed-no-such-option-build-dir ① 确定自己pycharm里面python解释器的路径: ② 在cmd里面输入:自己解释器的路径 + -m pip install pip==20.2.4 (其中可能会有网络问题提示Retry,要多尝试几次) 这里做法的主要原因是:py

  • 永久解决 Intellij idea 报错:Error :java 不支持发行版本5的问题

    永久解决 Intellij idea 报错:Error :java 不支持发行版本5的问题

    初次在IDEA使用maven的时候遇到的问题 搜索之后得到解决方案 idea 报错:Error : java 不支持发行版本5 实际测试后该博主提供的方法可以解决. 但是每次创建新项目的时候都要设置一次. 这里提供一个 一劳永逸的方法 在 maven地址\conf\setting.xml 中设置默认jdk版本- 把图中代码添加到-中 我使用的是jdk11 复制代码时需要修改成自己的jkd版本 例如jkd8 code: <profile> <id>development</id

  • 解决MySQL启动报错:ERROR 2003 (HY000): Can't connect to MySQL server on 'localhost' (10061)

    解决MySQL启动报错:ERROR 2003 (HY000): Can't connect to MySQL server on 'localhost' (10061)

    这个错误是新手经常会遇到的,本文主要介绍如何修复ERROR 2003 (HY000): Can't connect to MySQL server on 'localhost' (10061) 解决方案: 1.登录到安装Mysql的主机,打开cmd命令行工具,执行命令mysql -uroot -p,报出下面所描述的错误: 2.在开始菜单中找到计算机管理,在计算机管理中找到[服务],在服务检查是否存在Mysql服务: 3.如果[步骤2]中找不到Mysql服务需要手动安装Mysql服务,安装命令为m

  • Android报错Error:Could not find com.android.tools.build:gradle:4.1解决办法

    Android报错Error:Could not find com.android.tools.build:gradle:4.1解决办法

    看字面意思,这个问题是Gradle没有对应版本.在搜索引擎没有找到方法之后,尝试自己解决. 有一点很重要,先保证自己的Android Studio是最新的稳定版本! 因为版本更新会修复很多bug,说不定遇到报错就是某个bug引起的. Could not find com.android.tools.build:gradle:3.0.0. 首先,看报错,大概是长这样的: Error:Could not find com.android.tools.build:gradle:4.1. Searche

  • mysql8报错:ERROR 1410 (42000): You are not allowed to create a user with GRANT解决办法

    mysql8报错:ERROR 1410 (42000): You are not allowed to create a user with GRANT解决办法

    1. 今天刚装了mysql8.0.13,试着分配几个账号和权限,结果报错: 2. 查资料得知mysql8的分配权限不能带密码隐士创建账号了,要先创建账号再设置权限 输入命令:Grant all privileges on test.* to 'test'@'%'; 又报错:You are not allowed to create a user with GRANT : 不允许使用grant命令,怎么会没权限,奇怪. 3.后来想到了mysql数据表user中的host 于是修改host:upda

随机推荐