vue常见报错及解决方案,vue.js报错
这篇文章主要介绍了某视频剪辑软件之webpack -v报错解决方案总结,本篇文章通过简要的案例,讲解了该项技术的了解与使用,以下就是详细内容,需要的朋友可以参考下
小白学习一下vue,然后了解到了工具相关的知识,然后就各种安装
cnpm是国内的源相比国际源要快很多,不知道cnpm的自己查一下吧。
cnpm安装-g网络包
等一会安装成功了,我就想看一下工具的版本
又提示我要安装webpack-cli,那就安装吧
cnpm install -g webpack-cli
等一会就安装好了,再看一下webpack -v就报下面的错了。
$ webpack -v
c:\ Users \ Administrator \ AppData \ Roaming \ NPM \ node _ modules \ web pack-CLI \ lib \ groups \ resolve config联署材料:105
对于await(最终配置的const resolved选项){
^^^^^
语法错误:意外的保留字
在NativeCompileCache ._模块编译(C:\ Users \ Administrator \ AppData \ Roaming \ NPM \ node _ modules \ web pack-CLI \ node _ modules \ _ V8-compile-cache @ 2。2 .0 @ V8-编译-缓存\ V8-编译-缓存。联署材料:240:18)
在模块处. compile(C:\ Users \ Administrator \ AppData \ Roaming \ NPM \ node _ modules \ web pack-CLI \ node _ modules \ _ V8-compile-cache @ 2。2 .0 @ V8-编译-缓存\ V8-编译-缓存。联署材料:184:36)
at Object.Module._extensions.js (module.js:664:10)
在模块.加载(模块. js:566:32)
在tryModuleLoad (module.js:506:12)
在功能上。模块。_加载(模块。联署材料:498:3)
位于模块。要求(模块。联署材料:597:17)
在需要时(C:\ Users \ Administrator \ AppData \ Roaming \ NPM \ node _ modules \ web pack-CLI \ node _ modules \ _ V8-compile-cache @ 2。2 .0 @ V8-编译-缓存\ V8-编译-缓存。联署材料:159:20)
at对象。匿名(C:\ Users \ Administrator \ AppData \ Roaming \ NPM \ node _ modules \ web pack-CLI \ lib \ web pack-CLI。联署材料14:32)
在模块处. compile(C:\ Users \ Administrator \ AppData \ Roaming \ NPM \ node _ modules \ web pack-CLI \ node _ modules \ _ V8-compile-cache @ 2。2 .0 @ V8-编译-缓存\ V8-编译-缓存。联署材料:192:30)
使用新公共管理列表深度=0 -g看一看安装了哪些个包。
也打印了各版本,但报两个错,做为多年程序员的我看着好是不爽。
$ npm列表深度=0 -g
c:\用户\管理员\ AppData \漫游\ NPM
- cnpm@6.1.1
- vue-cli@2.9.6
- webpack@4.19.0
`- webpack-cli@4.2.0
新公共管理错误!C:\用户\管理员\ AppData \漫游\ NPM \ node _ modules \ web pack-CLI \ node _ modules \ _ @ web pack-CLI _ info @ 1。1 .0 @ @ web pack-CLI:e注意:没有这样的文件或目录,请打开C:\ Users \ Administrator \ AppData \ Roaming \ NPM \ node _ modules \ web pack-CLI \ node _ modules \ _ @ web pack-CLI _ info @ 1。1 .0 @ @ web pack CLI \ package。JSON "
新公共管理错误!C:\用户\管理员\ AppData \漫游\ NPM \ node _ modules \ web pack-CLI \ node _ modules \ _ @ web pack-CLI _ serve @ 1。1 .0 @ @ web pack-CLI:e注意:没有这样的文件或目录,请打开" C:\ Users \ Administrator \ AppData \ Roaming \ NPM \ node _ modules \ web pack-CLI \ node _ modules \ _ @ web pack-CLI _ serve @ 1。1 .0 @ @ web pack CLI \ package。JSON "
于是仔细看了一下,是缺少package.json文件,那就新建一个,然后报错无法读取,空内容当然无法读取了,在提示没有文件的路径其他目录下找到了这个文件,就复制到这一级,尝试了一下查看各包的版本,不报错了,但webpack -v依然不好用,报上面的错误,我想可能是工具和webpack-cli版本不对应的问题。
查看版本的命令:
cnpm查看工具版本
打印的版本太多就不放在这里了,我一看我本机的版本是4.19.0最新的都5.4.0了,
cnpm查看webpack-cli版本
webpack-cli最新的是4.2.0。
大概是出在了版本不对称上了。
那我就把webpack-cli卸载了再安装一下吧。
cnpm卸载weabpack-cli
只打印了0.029秒内最新,好像不太好使,使用新公共管理列表深度=0 -g发现webpack-cli@4.2.0还在。
那我就查了一下如何安装指定版本的webpack-cli
在刚才看过的版本中找一个老一点的
cnpm install-g web pack-CLI @ 3。3 .10
安装成功后。
检查npm list - depth=0 -g g,打印正常,无报错。
$ npm列表深度=0 -g
c:\ Users \ Administrator \ AppData \ Roaming \ NPM
- cnpm@6.1.1
- vue-cli@2.9.6
- webpack@4.19.0
`- webpack-cli@3.3.10
然后再次使用webpack -v,就可以正常显示,不会出错。
$ webpack -v
4.19.0
目前为止,爬坑成功~
很久以前看了很多关于node.js不同版本的文章,npm管理的工具版本也是这么坑。之前没学过,现在准备学,做程序员好难啊!
关于vue的webpack -v错误解决方案的总结,本文到此结束。有关vue的webpack -v错误的更多信息,请搜索我们以前的文章或继续浏览下面的相关文章。希望你以后能支持我们!
郑重声明:本文由网友发布,不代表盛行IT的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。