Collectives™ on Stack Overflow

Find centralized, trusted content and collaborate around the technologies you use most.

Teams

Q&A for work

Connect and share knowledge within a single location that is structured and easy to search.

I'm trying to use oidc-client library in my React project but run into the same error everytime I run the code :

Babel - Cannot read property 'TYPED_ARRAY_SUPPORT' of undefined

I know that there's a specific Redux implementation of this library but I've had the same issue so I'm taking a step back. I'll use the Redux implemenation once my issue is fixed.

I've pulled the redux-oidc-example code and I'm running both at the same time, trying to find what makes it break. The results I've had so far are :

At this point I'm trying to align every dependencies to see if one of them is responsible but I'd welcome any idea.

EDIT after @MinusFour comment : running npm ls buffer produce the following :

├─┬ styled-components@2.1.2
│ └── buffer@5.0.7 
└─┬ webpack@2.7.0
  └─┬ node-libs-browser@2.0.0
    └── buffer@4.9.1 
                Do npm ls buffer in your project root, does it has a listing? Maybe you had browserify installed before or something?
– MinusFour
                Oct 11, 2017 at 2:53
                So, I've downloaded the package and build it myself and it's not including feross/buffer polyfill at all. How are you using it? Are you using the files in the dist directory? The package might just have a bogus build or something...
– MinusFour
                Oct 11, 2017 at 3:30
                I'm not using buffer nor does oidc-client. Not directly at least. I believe that webpack is going to include it automatically while building. Or something like that
– Carvallegro
                Oct 11, 2017 at 3:51
                It's not using it directly, the module jsrsasign is using node buffer module and oidc-client webpack config is polyfilling it with feros/buffer, as to why is it not a valid polyfill. I think that's the better question... You can disable it if you build oidc-client with Buffer : false in the node key of webpack. But like I said, it'd be better to find out the problem on the polyfill. If you could provide the exact line where it throws the error maybe I can check it out.
– MinusFour
                Oct 11, 2017 at 4:07
After a week worth of investigation (thanks to @MinusFour for setting me on the right path), It appears that it was a Webpack loader issue.
In the babel-loader configuration, you need to exclude node_modules in a very peculiar way. redux-oidc-example does it by using a regex and I was using an array of strings.
If you want to be compliant with Webpack convention and use an array of String, you can exclude nodes_modules this way : 
exclude: [
    path.join(__dirname, '/node_modules'),
    // ... other exclusions
        
Thanks for contributing an answer to Stack Overflow!
Please be sure to answer the question. Provide details and share your research!
But avoid …
Asking for help, clarification, or responding to other answers.
Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.