optional chaining issue in 1.0.4

[pavaniborra]

Hi, here is our package.json
I can work with version 1.0.3, but with 1.0.4 I am getting "no loader found for parsing this file" error for files where optional chainging (.?) is used. we use optional chaining in our code. It works just fine in those places.
Below is our package.json
{
"name": "our-app",
"version": "0.1.0",
"private": true,
"scripts": {
"serve": "vue-cli-service serve",
"build": "vue-cli-service build",
"lint": "vue-cli-service lint",
"postinstall": "patch-package"
},
"dependencies": {
"bootstrap-vue-editable-table": "^1.0.3",
"@azure/msal-browser": "^2.23.0",
"@fortawesome/fontawesome-svg-core": "^1.2.34",
"@fortawesome/free-solid-svg-icons": "^5.15.2",
"@fortawesome/vue-fontawesome": "^0.1.10",
"vue-js-modal": "^2.0.1",
"apexcharts": "^3.26.0",
"axios": "^0.21.4",
"bootstrap": "^4.6.0",
"bootstrap-vue": "^2.21.2",
"core-js": "^3.8.3",
"file-saver": "^2.0.5",
"jquery": "^3.5.1",
"jspdf": "2.4.0",
"jspdf-autotable": "3.5.20",
"lodash": "^4.17.21",
"moment": "^2.29.4",
"patch-package": "^6.2.2",
"pdfjs-dist": "2.6.347",
"popper.js": "^1.16.1",
"qs": "6.10.1",
"querystring": "^0.2.0",
"splitpanes": "^2.3.6",
"vee-validate": "^2.2.15",
"vue": "^2.6.12",
"vue-apexcharts": "^1.6.0",
"vue-currency-input": "^1.22.5",
"vue-excel-xlsx": "^1.2.2",
"vue-lodash": "^2.1.2",
"vue-moment": "^4.1.0",
"vue-multiselect": "^2.1.6",
"vue-numeric-input": "^1.0.6",
"vue-pdf": "^4.2.0",
"vue-percent-input": "^1.1.4",
"vue-plugin-load-script": "^1.3.2",
"vue-quill-editor": "^3.0.6",
"vue-router": "^3.5.1",
"vue-the-mask": "0.11.1",
"vue2-filters": "^0.11.1",
"vuejs-logger": "^1.5.5",
"vuex": "^3.6.2"
},
"devDependencies": {
"@vue/cli-plugin-babel": "~4.3.0",
"@vue/cli-plugin-eslint": "~4.3.0",
"@vue/cli-service": "~4.3.0",
"babel-eslint": "^10.1.0",
"browserify": "^17.0.0",
"cache-loader": "^4.1.0",
"eslint": "^6.7.2",
"eslint-plugin-vue": "^6.2.2",
"vue-template-compiler": "^2.6.12"
},
"eslintConfig": {
"root": true,
"env": {
"node": true
},
"extends": [
"plugin:vue/essential",
"eslint:recommended"
],
"parserOptions": {
"parser": "babel-eslint"
},
"rules": {}
},
"browserslist": [
"> 1%",
"last 2 versions",
"not dead"
]
}

[pavaniborra]

below are error logs

in ./node_modules/bootstrap-vue-editable-table/dist/b-editable-table.esm.js

Module parse failed: Unexpected token (14292:48)
You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/co
ncepts#loaders
| this.clearEditMode(data.item.id);
| this.updateData(data.item.id);

    const rowId = this.tableItems[rowIndex]?.id;

| if (this.tableMap[rowId]) {
| this.tableMap[rowId].isEdit = true;

@ ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modul
es/vue-loader/lib??vue-loader-options!./src/components/quick-action/QAPInfoRequest.vue?vue&type=script&lang=js& 422:0-58 439:20-34
@ ./src/components/quick-action/QAPInfoRequest.vue?vue&type=script&lang=js&
@ ./src/components/quick-action/QAPInfoRequest.vue
@ ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modul
es/vue-loader/lib??vue-loader-options!./src/components/view/submissions/Review.vue?vue&type=script&lang=js&
@ ./src/components/view/submissions/Review.vue?vue&type=script&lang=js&
@ ./src/components/view/submissions/Review.vue
@ ./src/router.js
@ ./src/main.js
@ multi (webpack)-dev-server/client?http://192.168.50.187:8084/sockjs-node (webpack)/hot/dev-server.js ./src/main.js

[muhimasri]

Hi, can you please help me reproduce the issue? I tried to install the latest version and seems to compile and work properly without errors.

I created one on CodeSandbox:

https://codesandbox.io/p/sandbox/sweet-black-jjntpj