App Transpiling Error: (node:23200) UnhandledPromiseRejectionWarning ForkTsCheckerWebpackPlugin

[wendellvieira]

Good afternoon... My project is old, it was created more than a year and a half ago, last week when I went to build the project my pipeline died with this error below. I fixed the "quasar" versions: "1.19.2" and "@quasar/app": "2.3.1" and it worked again. but with that countless other things stopped working.

I would like help to solve the problem below.

thankful

Problem

$ npx quasar dev

Dev mode.......... spa
Pkg quasar........ v1.19.4 Pkg @quasar/app... v2.4.1 Debugging......... enabled

Configured browser support (at least 88.14% of global marketshare): · Chrome for Android >= 103 · Firefox for Android >= 101 · Android >= 103 · Chrome >= 94 · Edge >= 100 · Firefox >= 93 · iOS >= 13.0-13.1 · Opera >= 82 · Safari >= 14

App · Running "@quasar/dotenv" Quasar App Extension... App · Reading quasar.conf.js App · Checking listening address availability (0.0.0.0:8080)... App · Extension(@quasar/dotenv): Extending quasar.conf... App · Transpiling JS (Babel active) (node:23200) UnhandledPromiseRejectionWarning: ValidationError: Invalid configuration object. ForkTsCheckerWebpackPlugin has been initialized using a configurat ion object that does not match the API schema.

• configuration.eslint should be an object: object { files, enabled?, memoryLimit?, options?, … }

  • validate.js:96 Object.validate [as default] [frontend-main]/[fork-ts-checker-webpack-plugin]/[schema-utils]/dist/validate.js:96:11

  • ForkTsCheckerWebpackPlugin.js:31 new ForkTsCheckerWebpackPlugin [frontend-main]/[fork-ts-checker-webpack-plugin]/lib/ForkTsCheckerWebpackPlugin.js:31:31

  • Plugin.js:14 [frontend-main]/[webpack-chain]/src/Plugin.js:14:18

  • Plugin.js:78 Object.toConfig [frontend-main]/[webpack-chain]/src/Plugin.js:78:22

  • Config.js:129 [frontend-main]/[webpack-chain]/src/Config.js:129:63

  • Array.map

  • Config.js:129 module.exports.toConfig [frontend-main]/[webpack-chain]/src/Config.js:129:40

  • index.js:22 getWebpackConfig [frontend-main]/[@quasar]/app/lib/webpack/index.js:22:31

  • task_queues.js:97 processTicksAndRejections internal/process/task_queues.js:97:5

  • index.js:47 async getSPA [frontend-main]/[@quasar]/app/lib/webpack/index.js:47:10

(node:23200) UnhandledPromiseRejectionWarning: Unhandled promise rejection. This error originated either by throwing inside of an async function without a catch block, or by rejecting a promise which was not handled with .catch(). To terminate the node process on unhandled promise rejection, use the CLI flag --unhandled-rejections=strict (see https://nodejs.org/api/cli.html#cli_unhandled_rejections_mode). (rejection id: 1) (node:23200) [DEP0018] DeprecationWarning: Unhandled promise rejections are deprecated. In the future, promise rejections that are not handled will terminate the Node.js process with a non-zero exit code.

$ npx quasar info

Operating System - Windows_NT(10.0.19044) - win32/x64 NodeJs - 12.22.8

Global packages NPM - 6.14.15 yarn - 1.22.5 @quasar/cli - 1.3.2 @quasar/icongenie - Not installed cordova - Not installed

Important local packages quasar - 1.19.4 -- Build high-performance VueJS user interfaces (SPA, PWA, SSR, Mobile and Desktop) in record time @quasar/app - 2.4.1 -- Quasar Framework local CLI @quasar/extras - 1.14.2 -- Quasar Framework fonts, icons and animations eslint-plugin-quasar - Not installed vue - 2.7.3 -- Reactive, component-oriented view layer for modern web interfaces. vue-router - 3.5.3 -- Official router for Vue.js 2 vuex - 3.6.2 -- state management for Vue.js electron - Not installed electron-packager - Not installed electron-builder - Not installed @babel/core - 7.18.6 -- Babel compiler core. webpack - 4.44.2 -- Packs CommonJs/AMD modules for the browser. Allows to split your codebase into multiple bundles, which can be loaded on demand. Support loaders to preprocess files, i.e. json, jsx, es7, css, less, ... and your custom stuff. webpack-dev-server - 3.11.3 -- Serves a webpack app. Updates the browser on changes. workbox-webpack-plugin - Not installed register-service-worker - 1.7.2 -- Script for registering service worker, with hooks typescript - 4.2.2 -- TypeScript is a language for application scale JavaScript development @capacitor/core - Not installed @capacitor/cli - Not installed @capacitor/android - Not installed @capacitor/ios - Not installed

Quasar App Extensions @quasar/quasar-app-extension-dotenv - 1.1.0 -- Load .env variables into your quasar project

Networking Host - QWST016 Wi-Fi - 192.168.1.104 vEthernet (Default Switch) - 172.29.96.1 vEthernet (WSL) - 172.18.112.1

[wendellvieira]

hello again gentlemen

I ended up managing to solve the problem by changing some settings in quasar.conf.js

quasar.conf.js

• first I changed the arrow function to an anonymous function

  // Before
  module.exports = configure((ctx) => ({}))

// After
module.exports = configure(function (ctx) {
    return {}
})

• then I changed the typescript support settings

  // Before
  supportTS: {
  tsCheckerConfig: {
  eslint: true,
  },
  },

  // After
  supportTS: {
  tsCheckerConfig: {
  eslint: {
    enabled: true,
    files: './src/**/*.{ts,tsx,js,jsx,vue}',
  },
  },
  },

• lastly I commented out the webpack settings

  // Before
  extendWebpack(cfg, { isClient }) {
  // linting is slow in TS projects, we execute it only for production builds
  if (ctx.prod) {
  cfg.module.rules.push({
    enforce: 'pre',
    test: /\.(js|vue)$/,
    loader: 'eslint-loader',
    exclude: /node_modules/,
  });
  }
  },

// After
extendWebpack(cfg) {}

I came to this conclusion after observing a quasar.config.js from a new project...

I hope this issue helps someone.