Results 1 to 4 of 4

Thread: What's going on with ExtReact 6.7 and TS?

  1. #1
    Sencha User
    Join Date
    Apr 2019

    Default What's going on with ExtReact 6.7 and TS?

    We are currently evaluating ExtReact for use in one of our future projects and it seems a little strange. In ExtReact 6.5.3 the CLI, with typescript enabled, generates an app that works out of the box, and has beautiful TS typings. On the other hand, ExtReact 6.7 app doesn't work (webpack configuration needs fixing) and the the types seem to be removed.

    Are we missing something? Are there plans to bring future ExtReact versions up to speed? Is there something in the paid forums to explain this?

  2. #2


    Seems that Sencha Team didn't update correctly their repos so package.json is missing some stuff
    That problem is been there for a while

    You are going to need these ones, if i remember correctly (maybe im wrong) you need to install them without touching webpack.confg.js

    npm install --save-dev @sencha/[email protected]
    npm install --save-dev babel-polyfill
    npm install style-loader css-loader --save
    npm install @sencha/ext-react-renderercell
    npm install @sencha/ext-exporter

  3. #3
    Sencha User
    Join Date
    Apr 2019


    Thanks for responding ricardo.lgr!

    After installing the packages you specified I'm getting:

    ℹ 「ext」: ext-react-webpack-plugin: reactVersion: 16, IS webpack 4ℹ 「ext」: ext-react-webpack-plugin: ext-react-watch-run
    ℹ 「ext」: ext-react-webpack-plugin: ext-react-compilation
    ℹ 「ext」: ext-react-webpack-plugin: ext-react-compilation
    (node:48167) DeprecationWarning: Tapable.plugin is deprecated. Use new API on `.hooks` instead
    ℹ 「wds」: Project is running at
    ℹ 「wds」: webpack output is served from /
    ℹ 「wds」: Content not from webpack is served from ./build
    ℹ 「wds」: 404s will fallback to /index.html
    ℹ 「atl」: Using [email protected] from typescript
    ℹ 「atl」: Using tsconfig.json from /Users/mkmkmk/projects/test-dir/tsconfig.json
    ℹ 「ext」: ext-react-babel-plugin: reactVersion: ~16.8.1
    ℹ 「ext」: ext-react-babel-plugin: Processing /src/About/About.tsxℹ 「atl」: Checking started in a separate process...
    ℹ 「atl」: Time: 39ms
    ℹ 「ext」: ext-react-webpack-plugin: ext-react-htmlgeneration
    ℹ 「ext」: ext-react-webpack-plugin: ext-react-emit  (async)
    (node:48167) UnhandledPromiseRejectionWarning: TypeError: _this.emit is not a function
        at emit (/Users/mkmkmk/projects/test-dir/node_modules/@sencha/ext-react-webpack-plugin/src/index.js:182:16)
        at _next0 (eval at create (/Users/mkmkmk/projects/test-dir/node_modules/tapable/lib/HookCodeFactory.js:33:10), <anonymous>:8:1)
        at _err0 (eval at create (/Users/mkmkmk/projects/test-dir/node_modules/tapable/lib/HookCodeFactory.js:33:10), <anonymous>:21:1)
        at Promise.resolve.then.then.then.then.then.then.then.then.catch.then.then.then (/Users/mkmkmk/projects/test-dir/node_modules/html-webpack-plugin/index.js:224:11)
        at process._tickCallback (internal/process/next_tick.js:68:7)
    (node:48167) 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(). (rejection id: 1)
    (node:48167) [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.
    This doesn't do anything with the missing types as well.

  4. #4


    Mmm... im afraid your problem is different than i tought.

    It could be a typscript compatiblity problem, and i haven't work with typescript and ext-react just ext-react (and works pretty ok)

    You can try more packages and versions, check sencha-angular forum (i guess they work with typescript) or wait for a staff member (good luck with that)

Tags for this Thread

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts