报错:SyntaxError: Unexpected keyword 'const'. Const declarations are not supported in strict mode.

上篇文章新建工程时,webpack-dev-server使用的新版本2.9.1,所以遇到了新的问题,如下:

用vue-cli脚手架新建出来的项目里面的 webpack-dev-server版本高于2.7.1的话,用了es6的写法导致错误。

webpack-dev-server从2.8.0版本开始,注入到bundle.js中js包含了es6语法,老旧webview不支持es6语法,语法报错导致程序报错,项目使用的版本是2.9.1。

node_modules/webpack-dev-server/client/index.js文件2.7.1和2.8.0的源码如下:

https://github.com/webpack/webpack-dev-server/blob/v2.8.0/client/index.js

https://github.com/webpack/webpack-dev-server/blob/v2.7.1/client/index.js

可以看出来webpack-dev-server2.8.0版本开始,该文件使用了es6的const和let语法。

解决方案:

1.通过降级webpack-dev-server到2.7.1版本

a). npm rm webpack-dev-server -D

b). npm i webpack-dev-server@2.7.1 -D

测试过,此方案可行

2.使用babel-loader对webpack-dev-server/client/index.js转换

未测试过

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容