Nativescript Vue migration from 7 to 8.5.3 (Android 8.5.0) build error

Question

I'm trying to migrate from NS 7 to NS 8.5.3 with android 8.5.0 webpack version is 5.0.14

Seems like some problem with vue-compiler I'll be very thankful for any help

System.err: TypeError: Cannot read properties of undefined (reading 'default')
System.err: File: (file: src/webpack:/app-name/webpack/bootstrap:27:0)
System.err:
System.err: StackTrace:
System.err: MyDocumentsPage(file:///data/data/com.some.testId/files/app/bundle.js:25195:112)
System.err:     at ./node_modules/@nativescript/webpack/dist/loaders/nativescript-worker-loader/index.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/components/ActionLabel.vue?vue&type=script&lang=js&(file: src/webpack:/app-name/src/components/ActionLabel.vue:30:19)

{
    "name": "app-name",
    "main": "./src/main.js",
    ....
    "dependencies": {
        .....
        "vuex": "^3.5.1",
        "nativescript": "~8.5.3",
        "nativescript-vue": "~2.9.3"
      },
      "devDependencies": {
        "@nativescript/android": "8.5.0",
        "@nativescript/webpack": "~5.0.14",
        "nativescript-vue-template-compiler": "~2.9.3",
        "typescript": "~4.4.0"
      }

webpack.config

module.exports = (env) => {
webpack.init(env);

webpack.chainWebpack(config => {
    config.resolve.alias.set('os', 'os-browserify/browser')
    config.resolve.alias.set('tty', 'tty-browserify')
    config.resolve.alias.set('zlib', 'browserify-zlib')
    config.resolve.alias.set('https', 'https-browserify')
    config.resolve.alias.set('http', 'stream-http')
    config.resolve.alias.set('url', false)
    config.resolve.alias.set('stream', 'stream-browserify')
    config.resolve.alias.set('assert', 'assert')
    config.resolve.alias.set('util', 'util')

});

// Learn how to customize:
// https://docs.nativescript.org/webpack

return webpack.resolveConfig();

};

Answer 1

You have any error in your ActionLabel.vue component