位置:- 正文

项目无法识别 ?. 语法,导致报错Module parse failed: Unexpected token(项目不可用怎么解决)

编辑:rootadmin
项目无法识别 ?. 语法,导致报错Module parse failed: Unexpected token 一、第一种情况是如果你需要引入的组件库源码的过程中,比如你要import一个封装好的组件这种场景:

推荐整理分享项目无法识别 ?. 语法,导致报错Module parse failed: Unexpected token(项目不可用怎么解决),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:无法读取项目文件csproj,无法读取项目文件,项目不可用怎么解决,无法读取项目文件,项目无法识别怎么办,项目无法编译,项目无法识别怎么解决,项目无法识别怎么解决,内容如对您有帮助,希望把文章链接给更多的朋友!

首先找到报这个问题的地方

我这里是因为es语法问题 如果你也是npm安装了一个包,然后在导入的时候报这个语法错,那你可以接着往下看,如果不是就不用往下看了

项目无法识别 ?. 语法,导致报错Module parse failed: Unexpected token(项目不可用怎么解决)

问题原因: 因为导入的组件库是直接上源码的,必须告知webpack,需要编译一下这个库,让源码中的es6、es7的特性转换为es5

解决方案: 1.在vue.config.js 里面加上 transpileDependencies: [‘/@yabby-business/’] 2.还有一种方式在babel.config.js中指定库导入的时候用的编码是esbuild

二、第二种情况是项目中所有 ?. 语法都出现model parse问题:

这种情况出现大概率是因为项目的vue-loader版本高于15+,就会出现这个问题,可以查看node_modules里面查看一下自己的vue-loader版本,如果为15+版本,先尝试把vue-loader版本降到15以下

npm i vue-loader@14.1.1

降下来以后再试试npm run一下

1.如果还不行就应该是有人或者是你自己把项目的package-lock给删掉了,然后重新npm install的时候出现的问题 2.这种情况建议去找一下本项目之前历史的package-lock 3.或者去别的vue-loader版本为15以下的项目拷贝一份package-lock过来到本项目 4.然后删掉本项目的node_modules 5.重新npm install,就好了

本文链接地址:https://www.jiuchutong.com/zhishi/275952.html 转载请保留说明!
下一篇链接:https://www.jiuchutong.com/zhishi/275953.html
免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

鄂ICP备2023003026号

友情链接: 武汉网站建设 电脑维修 湖南楚通运网络