weixin_45016440的博客

根据报错的路径发现，安装的时候axios没有指定版本，直接安装为了最新版，只要将原来的的删掉，然后指定版本为1.5.0：npm install [email protected] --save，安装后重新运行就好啦。如果项目install后运行报错，并且报错如下图所示。

css：卸载当前版本npm uninstall css-loader，安装低版本npm install [email protected] --save-dev。less：卸载当前版本npm uninstall less-loader，安装低版本npm install [email protected]。sass：卸载当前版本npm uninstall sass-loader，安装低版本npm install [email protected]。

然后创建vue-cli2和vue-cli3的存放文件夹，在vue-cli2文件夹指令安装vue-cli2：npm install vue-cli，在vue-cli3文件夹指令安装vue-cli3：npm install @vue/cli。之后在vue-cli2和vue-cli3的文件夹中分别找到vue和vue.cmd，分别改名为vue2、vue2.cmd和vue3、vue3.cmd，然后配置环境变量-系统变量。如果设备上已经全局安装过vue-cli2或vue-cli3，先将已经安装的卸载。

回车后根据个人需求进行选择配置，初始化成功后cd 项目名，进入到目录下，然后npm install安装项目依赖，再根据个人需求安装其他依赖，之后就可以npm run dev启动项目了。回车后根据个人需求进行选择配置，初始化成功后cd 项目名，进入到目录下，再根据个人需求安装其他依赖，之后就可以npm run serve启动项目了。vue init webpack 项目名。vue create 项目名。

这是由于tinymce没有正确解析所致，在安装tinymce后，将node_modules目录下的tinymce内容复制到static文件夹下，然后在引用tinymce地方根据报错位置引用配置项文件，如果是plugins.js报错，将tinymce.init中plugins对应的文件引用上。如果引用文件配置完成后，没有报错，但是不显示内容，查看一下是不是样式没有正确引用进来，如果是，在js中引用对应的样式文件。

通过git拉取的项目，npm run dev启动时报错TypeError:Can not read property "range" of null，主要是因为eslint包的问题，可以将babel-eslint包换成7.2.3版本，npm install [email protected]，然后删除node_modules文件夹，重新install，再运行，就好了。或者将.eslintrc.js文件中的内容注释掉再运行。

在vue中使用一些第三方插件时，可能会有部分bug或者希望定制化修改源码，如果只在node-modules中进行修改，下次进行打包或者同步到其他地方的代码并不生效，还要进行再次修改，这时候可以用到patch-package进行依赖补丁。然后进行手动修改node-modules下的文件，修改后执行npx patch-package package-name（package-name为你修改的组件包的名字，不是文件名称）；错误，切换npm的版本，本人使用16以上的版本是成功了的，12的就会出现报错如下图。

路由跳转时，将this.$router.push({path: '/index',params: {}})改为this.$router.push({name: 'index',params: {}})，即用name进行跳转时，就可以获取到params传递的参数了。控制台警告Path "/index" was passed with params but they will be ignored. Use a named route alongside params instead.

根据‘build/webpack.base.conf.js’与‘config/index.js’对应关系，可知大于10000B的图片被打包到了‘static/img’目录，所以引用路径就变成了‘static/img/+文件名’。修改‘config/index.js’下assetsPublicPath的‘/’为‘./’，在‘build/utils.js’中ExtractTextPlugin.extract下添加‘publicPath: '../../'’

而对于vue模块引用来说，我们没必要在一开始就将所有模块js都引入进来，所以我们要将‘src/router/index.js’中引入模块的代码进行修改。使用 vue-cli构建的项目,在默认情况下 ,执行 npm run build 会将所有的js代码打包为一个整体，而这个文件一般会比较大，可能几兆甚至几十兆，结果导致页面加载时间过长，对于用户来说这是一个极不友好的体验，所以有些时候我们就需要用到‘按需加载’。这样就可以将一个大的js文件拆分为一个个小的文件，根据用户触发事件进行按需加载了。