vue常见报错及解决方案,vue.js报错

  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的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。

留言与评论(共有 条评论)
   
验证码: