执行live-server报错: Unexpected identifier

最近在研究webpack搭建react的开发环境是,在使用到live-server时报错,一头雾水,报错信息如下

G:\chenqk\app\webpack-react-project>live-server
C:\Users\chenqk\AppData\Roaming\npm\node_modules\live-server\node_modules\opn\index.js:11
const wslToWindowsPath = async path => {
                               ^^^^
SyntaxError: Unexpected identifier
    at Object.exports.runInThisContext (vm.js:53:16)
    at Module._compile (module.js:513:28)
    at Object.Module._extensions..js (module.js:550:10)
    at Module.load (module.js:458:32)
    at tryModuleLoad (module.js:417:12)
    at Function.Module._load (module.js:409:3)
    at Module.require (module.js:468:17)
    at require (internal/module.js:20:19)
    at Object. (C:\Users\chenqk\AppData\Roaming\npm\node_modules\live-server\index.js:11:9)
    at Module._compile (module.js:541:32)

刚出现这个错误的时候一脸懵逼,又特意在群里面问了一大堆,最后没有一个人给出答案的。后来有一段时间直接忽略了,现在要用到这个东西的时候,又碰到这个问题,所以就静下心来试着去解决它。

首先这是在搭建环境的时候出现的问题,所以不可能是我的代码导致的。那就从环境入手。在网上搜了一下,有很多说法,有人说命令执行有问题,仔细对比了一下,发现并没有什么错误。所以看来并不是他的问题。

大家看到错误的原因在提示:C:\Users\chenqk\AppData\Roaming\npm\node_modules\live-server\node_modules\opn\index.js:11
可以看的出来是因为node-js的依赖文件出现了错误,那么我使用的命令是npm install -g webpack,这就基本上锁定了只有两种原因:

  • Node-js版本出现问题,使用npm管理的时候出现错误
  • live-server下载的版本有问题

 于是,我就尝试着下载了一个新的Node-js版本,从原来的v6+升级到v10,然后重新执行一下live-server时就成功了。

G:\chenqk\app\webpack-react-project>live-server
Serving "G:\chenqk\app\webpack-react-project" at http://127.0.0.1:8080
GET /favicon.ico 404 5.472 ms - 150
Ready for changes

也能查看到正常的页面显示:
执行live-server报错: Unexpected identifier_第1张图片

在自学webpack和react的时候,教程已经不是最新的了,那么在学的过程中尤其是跟着别人的Demo,视频学习的时候就会出现很多莫名其妙的问题,尤其是代码都是一样的,如果你也碰到这种问题,那么你可能需要考虑一下是不是版本的不一致导致了这种问题。

在学习的道路上,我们砥砺前行!

你可能感兴趣的:(前端,webpack,live-server,react)