vue日常报错记录

Posted 2021-09-14 张旭超

1、打包后打开页面控制台报错

Uncaught RangeError: Maximum call stack size exceeded

解答：因为我配置的路由钩子（router.beforeEach）有问题，导致路由死循环。路由中的redirect和路有钩子中没有登录的时候自动跳转到登录界面冲突导致死循环，修改一些redirect和路由钩子拦截跳转的规则。

2、vue安装mathjs插件，打包发版以后报错。

Uncaught SyntaxError: In "GeV^-2", "^" must be followed by a floating-point number

解答：这是因为安装了最新版本，最新版本存在bug，随意需要固定一个稳定版本，修改package.json中"mathjs": "8.1.0"。

3、vue本地启动以后显示一片空白
解决：修改config -> index.js -> dev -> assetsPublicPath: \'/\'即可解决

4、打包以后直接打开dist文件夹中的index.html界面一片空白
解决：修改config -> index.js -> build -> assetsPublicPath: \'./\' 即可解决

5、打包以后访问index.html图片没法正常显示
解决：修改build -> untils.js中的publicPath: \'../../\'

fallback: \'vue-style-loader\',
// 添加此行代码，解决所有图片，字体路径问题
publicPath:\'../../\'

6、封装axios获取接口地址，不需要根据环境手动配置

let baseUrl = window.location.origin
// axios配置
axios.defaults.baseURL = baseUrl

7、vue3删除node_modules重新安装包错

ERROR  Error: Cannot find module \'vue-loader-v16/package.json\'

解决：
(1)更新npm / cnpm
npm i -g npm
cnpm i -g cnpm
(2)重新安装node_modules
rm -rf node_modules // 先删除原来的依赖包
cnpm i // 重新安装
(3)安装vue-loader-v16
cnpm i -D vue-loader-v16
(4)重新启动项目
npm run serve

8、vue3.0报错
ERROR Error: Rule can only have one resource source (provided resource and test + include + exclude) in {
解决方法：由于webpack版本问题导致的

npm uninstall webpack
npm install webpack@^4.0.0 --save-dev

然后删除node_modules 重新安装，重新启动就好了

9、新建vue3项目，运行 npm run serve报错
FailureMessage Object: 0x7ffeefbfc000zsh: illegal hardware instruction npm run serve

解决：node版本太高了，14.16.1我使用nvm node包管理工具安装了10.15.3然后运行就好了

...持续更新