Typescript -> Babel sourcemaps using webpack

Copy paste from ts-loader issues as it might be more appropriate here: How to pass the typescript sourcemaps to babel so the end sourcemap point to the original file and not the compiled...

Can't import CSS/SCSS modules. TypeScript says "Cannot Find Module"

I'm trying to import a theme from a CSS module but TypeScript gives me a "Cannot Find Module" error and the theme isn't applied on runtime. I think there's something wrong with my Webpack config...

Platform specific import component in react native with typescript

I am using react native with typescript. I have a component with the following structure component - component.ios.tsx - component.android.tsx Now I want to import the component. So, I...

Specifying onClick event type with Typescript and React.Konva

I'm trying to get rid of my tslint error Type declaration of 'any' loses type-safety. but I'm struggling to figure out what the correct type would be for the Event. I'm working through the Lynda...

Docker build image - glob error { Error: EPERM: operation not permitted, scandir

I'm attempting to build a Docker image of a React+TypeScript+NodeJS application built with Webpack 2.0, but I get the following error > [email protected] build / > webpack -p --config...

Electron and TypeScript: 'fs' can't be resolved

I'm trying to create my first Electron app. I've decided to use following tools/technologies: TypeScript WebPack (version 3) React Local environment is OS X High Sierra. The problem is that I...

"Unknown word" error showing after adding postcss-loader

I am trying to add postcss loader in my webpack but after adding postcss loader showing Unknown word error. I also attached error screenshot. please find attachment. Not sure what error is.... I...

Visual Studio Code and TSLint: Code wrap to more than 80 characters

I'm using TypeScript with TSLint and Prettier in Visual Studio Code to write a React Native App. I tried to configure my editor to wrap the code in per line automatically to 100 characters. But...

TSLint Error "Property 'carousel' does not exist" on Antd Carousel in ReactJs

I am using the Ant Design Carousel component in React & TypeScript. The Carousel component has the methods "next" and "prev" on it. The code runs, however TSLint is highlighting "carousel" and...

Typescript styled-component error: "Type '{ children: string; }' has no properties in common with type 'IntrinsicAttributes'."

Getting a typescript error on my styled-component Type '{ children: string; }' has no properties in common with type 'IntrinsicAttributes'.ts(2559) import React from 'react' import {...

Cannot find name 'it' in Jest TypeScript

I try to create an intial setup for Jest in React + TypeScript. I have completed the initial setup and try to check whether the test runs. When I run the test using the command npm test, I am...

useStaticQuery: Invalid hook call. Hooks can only be called inside of the body of a function component

I'm trying to get values via useStaticQuery from gatsby-config.js. My codes are the followings. Could anyone have any ideas to solve this issue? Thank you in...

react-typescript - You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file

I ran into an error while setting up webpack to work with React and TypeScript: You may need an appropriate loader to handle this file type, currently no loaders are configured to process this...

Ng serve throwing @angular/core/core has no exported member 'eeFactoryDef'

Im getting like 50 errors that all say that angular/core/core has no exported member 'eeFactoryDef'. They come from different node_modules, for example angular/cdk, ng-bootstrap, ngx-pipes,...

TypeError: Cannot read property 'viewManagersNames' of undefined - Integrating Jest and Enzyme with React Native TypeScript Package

I'm trying to integrate Jest unit testing with Enzyme on my React-Native Typescript package, but after reading docs and tutorials, I can't seem to make it work. The problem only happens when using...

Namespace 'React' has no exported member 'FC'. in '@types/reactour'

I am working in a react application. I had my package.json file as follows. `{ ... ... "dependencies": { "@storybook/addon-backgrounds": "^3.4.8", "@storybook/react":...

SyntaxError: Unexpected token '...'. Expected a property name

I am working on an React App, and I can not open this app in Safari and IE. For Safari(10.1.2) : SyntaxError: Unexpected token '...'. Expected a property name. For IE-11: SCRIPT1028: SCRIPT1028:...

Eslint not working with the TypeScript syntax

I am trying to configure eslint for my REACT-TypeScript project. It was previously using tslint which is going to deprecate soon. I have gone through the web and finally was able to create my...

Getting error - Unrecognized command "run-android", when running react native,

I get this error when try and run react native on my emulator, react-native run-android error Unrecognized command "run-android". My emulator is connected and working, any...

ng add @angular/material fails with "Cannot read property 'endTag' of null"?

I am trying to add Angular Material to my Angular 9 project so I can use the autocomplete functionality. Unfortunately, while following the installation guide, I cannot get past the first step in...

Error was not caught TypeError: Cannot use 'in' operator to search for 'electron' in undefined at next-dev.js:8

I'm facing this error while trying to run next.js in dev mode. I have no idea why this is happening thought I am not even using electron in this application. Error was not caught TypeError:...

React + Firebase Cloud Functions in Typescript fails to deploy

Im my project, I would like to use React app in Typescript hosted on Firebase hosting Firestore Firebase functions in Typescript I face an error when deploying. It's easy to reproduce (Now skip...

Apollo Client Error: Could not find "client" in the context or passed in as an option. Wrap the root component in an <ApolloProvider>

I am new to do this Apollo. I am currently trying to get create an app with React and Apollo. When I start my application, I am getting the following error: Could not find "client" in the context...

How use Args composition in stories with combo Storybook + TS + CRA?

I follow the official tutorial to learn storybook https://www.learnstorybook.com/intro-to-storybook/react/en/composite-component/ in projet instanced with create-react-app and typescript when i...

Is there a way to make an SPFx custom webpart to occupy the whole real estate?

I have been using SharePoint Online (SPO 2016) and SPFx for a while now but up until recently there is something happening with the Full-width web parts, they appear squeezed to the center of the...

Angular project doesn't work after update from 11 to 12 version

I followed this steps to update my angular project. npm cache clean --force npm uninstall @angular/[email protected] @angular/[email protected] npm install -g @angular/[email protected] @angular/[email protected] After...

Typescript + react 17 + webpack 5. Code splitting with react HashRouter not working

Tried to create a project with new dependencies but I am stuck with build problems. package.json: { "name": "my-files", "version": "1.0.0", "description": "App", "main": "main.js", ...

Unexpected token <Container> , reactjs, typescript

Getting unexpected token error for this tsx code. I couldn't fix this error, I think it is a typescript compiling issue. I have shared some config files below. I have tried resolving the issue but...

Vulnerabilities of @typescript/eslint-plugin?

There are two packages, TSLint, https://github.com/palantir/tslint and it's overcomer, typescript-eslint, https://github.com/typescript-eslint/typescript-eslint They have some same maintainer....

React Native Android crashes on enabling debug mode

Shaking the android device and hit Debug, and it crashes every time right away. From the Android Studio logcat, it shows No source URL loaded, have you initialised the...