m0_52043522的博客

在写vue 3+element plus+vite 项目的过程中，require引入展示图片出现了报错，记录了一下错误原因和解决方法。

在写Vue3项目过程中，当页面存在时，就跳转到对应页面；当页面不存在时，就跳转到404页面。在Vue3的项目中，不能像Vue2中的写法一样，需要加正则验证.

下载了若依项目，但是在前端项目运行打包都出现了bug。最后，卸载了Node.js，并重新安装了低版本的Node.js。以上，就是关于数字信封例程bug的解决办法以及Node.js的安装设置。

运行项目，出现如下报错：输入vue ui，打开可视化工具，并在左侧的“依赖”模块里面安装less和less-loader。安装成功再启动项目，就发现项目正常运行了。

由于之前使用可视化方式创建项目的时候，选择了eslint的standard标准，所以会出现如下报错。注释掉.eslintrc.js文件中的’@vue/standard’这行代码。再次运行，就可以正常运行项目了。

分享下在项目中使用svg文件的过程。

运行vue2项目时，组件名称出现了如下报错。先查看下脚手架的版本，输入vue --version，可以看到我们的vue脚手架的版本是5版本。那么在5版本中，以.vue为后缀的组件文件命名方式有限制，必须是以大驼峰的命名方法来创建文件。...

vue创建爱项目失败，显示无法加载文件

在运行React项目时，发现报如下错误：点击报错后面的链接，可以看到官网的解释如下所示：在安装时，默认会安装最新的18版本。由于我近期刚学React，还是想跟老师的版本保持一致。所以，将它降低到17版本。输入：npm install react@17.x react-dom@17.x --save再运行项目，就发现没有这个报错了。打开项目的package.json文件，可以发现版本号已经降低了。...

问题描述在学习webpack安装安装一个插件css-minimizer-webpack-plugin时，出现如下报错：PS D:\learnwebpack> npm install css-minimizer-webpack-plugin -Dnpm ERR! errno ETIMEDOUTnpm ERR! network request to https://registry.npmjs.org/css-minimizer-webpack-plugin failed, reason: con

进入一个项目目录时，显示如下报错：查找后，发现是进入的目录中含有空格，加上双引号就可以成功进入目录。

新建项目，运行npm run serve时，发现报如下错误：后来发现是自己没进入项目，就直接运行了npm run serve。一定要进入项目目录，再运行项目啊，太大意了！！！真真太粗心了，记录下这个bug，警示自己不要大马虎了。...

问题描述：在vue2项目中使用Element UI的icon图标时，发现页面中使用的图标并不能完全显示。原因分析：在package.json文件中，查看Element UI的版本，发现版本号有点低；解决方案：需要卸载之前的Element UI，再安装指定版本。卸载命令：npm uninstall element-ui安装指定版本命令：npm install element-ui@2.15.6 --save（注意：这里的指定版本号要紧跟着element-ui，它们中间没有空格）安装完成，

问题描述在运行vue项目时，出现如下图所示的报错，比如：字符串必须用单引号，不能加分号等。原因分析：根据报错信息，可以看出是eslint的问题，eslint是一个非常严格的语法检查器，有很多规范，有一丁点的错误就会报错。解决方案：我们关闭它即可。找到build文件夹下的webpack.base.conf.js文件，注释掉如下框出来的那行代码。这样，再运行npm run dev，就不会出现这个报错了。...

Vue中在通过遍历的方式进行页面的渲染时，发生报错如下：根据报错信息，可以看到index参数报错，以及报错的具体位置，到页面中找到<ElSubMenu>和<ElMenuItem>。查看Element UI的官网，可以发现SubMenu和Menu-item的index参数类型应为String类型。将有index参数的前面拼接上一个空字符串，因为加号拼接字符串都是字符串，这样问题就解决了。...

运行Vue + Element UI项目，发现报错如下：到项目中检查，发现前面的span有冒号，但是“16”的span没有冒号。加上冒号，就解决了这个错误。<el-col :span="8" style="margin-top: 20px"></el-col><el-col style="margin-top: 20px" :span="16"></el-col>...

在写项目时，路由无法正常跳转，报错如下：检查后发现是index.js中配置路由的 name 大小写的问题，将name改成与文件夹一样的即可，就可以长长实现路由跳转了。

1、[Vue warn]: Method "computed" has type "object" in the component definition. Did you reference the function correctly?运行项目，发现报错，查看了错误原因，竟然粗心地将computed计算属性放在了methods中，它们俩应该是同级的，改成同级之后错误就消失了。2、在通过遍历的方式进行页面的渲染时，发生报错如下：[Vue warn]: Invalid prop: type ch

在引入、全局注入Element UI到Vue项目中时，运行npm run serve报错，报错代码如下所示：ERROR Failed to compile with 2 errors These dependencies were not found:* element-ui in ./src/ma

在学习vuex的getters过程中，出现报错信息：Legacy octal literals are not allowed in strict mode.报错如下所示：原因：ECMAScript5增加了严格模式（strict mode）的概念，即在严格的条件下运行，不允许使用八进制数字语法，而在我的students数组中id使用了0。方法：将数组中id中的0去掉即可，再刷新页面就不会报错了。...

vuex安装、运行报错及解决办法