项目无法识别 ?. 语法，导致报错Module parse failed: Unexpected token

2024-05-07 11:09:29

一、第一种情况是如果你需要引入的组件库源码的过程中，比如你要import一个封装好的组件这种场景：

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

我这里是因为es语法问题

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

问题原因：
因为导入的组件库是直接上源码的，必须告知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，就好了

项目无法识别 ?. 语法，导致报错Module parse failed: Unexpected token相关推荐

vue screenfull全屏插件安装之后 npm run serve报错 Module parse failed: Unexpected token (55:42) You may need a
报错信息: 原因: 可能是screenfull组件版本问题,直接npm下载的话是下载的6.0版本,6.0版本就会报错(不知道为啥) 解决: npm install --save-dev screenf ...
Module parse failed: Unexpected token（双问号无法识别）
问题: react依赖包问题 error in ./node_modules/@react-leaflet/core/esm/path.jsModule parse failed: Unexpecte ...
【vue-cli】使用es6的可选链?.操作符报错Module parse failed解决记录
使用场景:发现项目有些旧代码多层调用某个对象的属性,由于目标对象可能没那个属性,就导致报错,之前研究es6新特性时发现可以用?.来判断某个对象是否有某个属性来赋值. 测试源代码: var a = {n ...
webpack5打包图片报错——Module parse failed: Octal literal in strict mode 图片不能正常显示
Octal literal in strict mode 一.webpack打包图片二.报错三.解决四.img标签中的图片打包后不能正常显示五.总结六.追加一.webpack打包图片 we ...
Vue项目启动webpack报错Module build failed: Error: No PostCSS Config found in......
自己写的公司项目,今天需要提交到公司版本库,可是在本地启动正常的项目,拷贝到git文件目录下突然报错Module build failed: Error: No PostCSS Config foun ...
npm 报错 Module build failed: Error: No PostCSS Config found in:
npm 报错 Module build failed: Error: No PostCSS Config found in: 你在网上找的解决方案应该有提到webpack版本的问题.不要以为升级web ...
Vue报错Module build failed Error Node Sass version 6.0.1 is incompatible with ^4.0.0.解决方案
Vue报错Module build failed: Error: Node Sass version 6.0.1 is incompatible with ^4.0.0.解决方案错误提示: ERRO ...
npm 报错 Module build failed: Error: No PostCSS Config found in
问题描述: 项目在本地运行不报错,上传到 GitHub 之后,再 clone 到本地,执行: npm install 或 cnpm install 安装完成之后再执行: npm run dev 这时 ...
【shiro】使用shiro搭建的项目，页面引用js，报错：Uncaught SyntaxError: Unexpected token ...
使用shiro搭建项目过程中,总是出现登录页面登录第一次有效果,登陆第二次出现302状态码,第三次又有效果,第四次又没有效果的局面. 因此,采用ajax提交页面登录的用户名和密码,但是在引用js的过 ...

最新文章

热门文章