Angular Forms not working on live server

**I have used Reactive Form but its not working on live but on local it is working fine. The page gets refreshed while submitting the form. There is no error in console. ** I am new to Angular 4,...

Module build failed: Error: Typescript emitted no output for

When I try to compile a .ts file I get the following error: Module build failed: Error: Typescript emitted no output for C:\xampp\htdocs\node-api\src\js\server.ts. at successLoader...

Webpack style-loader / css-loader: url() path resolution not working

There are a few SO posts about style-loader and css-loader, but despite this I have not been able to find a solution to my problem. In short summary, when I @import css files in other css files,...

"React.createContext is not a function" - but I am not using it

I am getting "React.createContext is not a function" error while running a react-native application. I searched for 'createContent' in the code, it doesn't exist. Any idea what may be the reason...

Jest encountered an unexpected token (React, Typescript, Babel, Jest & Webpack setup)

I've setup a project using React, Typescript, Babel, Webpack, with Prettier & EsLint. I set the project up from scratch and had everything working nicely. I've just started to use Jest however and...

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...

svelte/sapper direct link problems on zeit/now - how to debug or fix?

In dev, I can direct link to any route. On Zeit/now, I can lead links to some pages but not others. I'm struggling to determine the problem. Here's an example, navigating straight to...

HtmlWebpackPlugin - ERROR in Error: The loader "[...]/html-webpack-plugin - /lib/loader.js!/[...]/src/index.html" didn't return html

I'm trying to load an HTML template using HtmlWebpackPlugin and it seems not working. If I try to load the plugin without arguments it works. Any ideas? The index.html file that I'm trying to load...

npm install issues TypeError: Cannot read property 'match' of undefined

I'm having massive issues installing the packages via npm. I'm getting nothing but this log as an output and have no idea where or how to fix this issue. 0 info it worked if it ends with ok 1...

Vue + Jest Cannot read property 'default' of undefined

I'm getting this error, and I don't know what is causing it. TypeError: Cannot read property 'default' of undefined I started messing with tests now, if the error is stupid I...

storybook.js, page stuck loading, no errors

I'm building a little react library and trying to get storybooks to work. When I'm starting storybook with start-storybook -p 6006 the page gets stuck at loading, and there is no errors in the...

Forced to run npm install before yarn?

Strange one today, wondering if you can help. I recently reformatted my work laptop, and reinstalled all my tooling. Strangely, I'm finding I have to run npm install in full, before I can run yarn...

Cant create SharedWorker with worker-loader

Trying to create SharedWorker with worker-loader It doesnt create it, just Worker is created. Seems like it ignores options. Usage in parent code import SharedWorker from...

Server side rendering: node SyntaxError: Cannot use import statement outside a module

so after several days or Googling and trying some different setups myself, I can not fix this error. Background: I am writing a react app with server-side rendering. I used to write a lot of react...

React + Antd + Rollup Component Library "Error: Invalid hook call. Hooks can only be called inside of the body of a function component"

I'm currently building a UI library to simplify maintenance across multiple applications. These currently use Ant Design. All seemed to go fine... I added my peer dependencies in both package.json...

Babel no longer accepting JSX after upgrading from webpack 4.0 to 5.0 rails 6.1.0

I'm receiving Uncaught Error: Module build failed (from ./node_modules/babel-loader/lib/index.js): SyntaxError: /Users/vw/RubymineProjects/test/app/javascript/packs/home.jsx: Support for the...

Module Build Failed - Error: Cannot find module (Babel & Rails 6)

Rails beginner here and first time poster! Running into this console error which is breaking my JS. Really grateful for any help!!: Console Error Uncaught Error: Module build failed (from...

NPM: npm peer dependency conflict

I download a project and it has no package-lock.json file.When I run npm install , there is conflict. The error message: [email protected]:/app/avatar/avatar-h5# npm install...

Force Babel to transform import into require?

After I upgrade from Node 12 to Node 14, Babel stopped transforming import into require. Here's my Babel config: export default { presets: [ ['@babel/preset-env', { useBuiltIns:...

How to configure Vue with SCSS

The second I change <style> to <style lang="scss"> I start getting errors in the terminal: 18% building modules 74/80 modules 6...

Add ESLint to a Meteor + Vue + Typescript project

I've been having trouble setting up ESLint with Meteor, Vue, Typescript and prettier. I can get it successfully parsing and formatting Typescript files but it is throwing syntax errors for the...

CssSyntaxError: Missed semicolon in production environment

I am trying to run the npm build i.e. "webpack --mode=production --config ./config/webpack.config.prod.js" on our project. I have added bootstrap file in my tsx file like below. import bs from...

Javascript Runs out of Memory when connecting to Postgres Database With Defined Entities in TypeORM

I am trying to connect to a Postgres Database running on my local computer with Typescript and TypeORM. This is part of updating an existing project to use TypeORM, so there is a bunch of existing...

Adding MUI Component to Component Library results in Error "Hooks can only be called inside of the body of a functional component"

I have a component library that exports components // Test.tsx import React from 'react'; const Test = () => <p>Test</p>; export default Test; and // TestB.tsx import React from 'react'; import {...

why is my babel config ignoring this plugin?

this my babe.config.js : module.exports = { presets: [ '@babel/preset-react', [ '@babel/preset-env', { modules: false, }, ], ], plugins: [ ...

Running into "Cannot find module" while configuring Babel + ESLint

I created a simple app a few weeks ago using create-react-app almost immediately I started getting this error in VSCode about it not being happy about something Babel related...which I ignored. My...

Whitesource Bolt Azure DevOps plugin takes long time (and is too chatty)

This happened since yesterday. In the past months, I have integrated Whitesource Bolt scan (a free alternative to the popular Snyk) into our DevOps projects. It normally took a couple of minutes...

How to solve UnicodeDecodeError: 'utf-8' codec can't decode byte 0xff in position 0: invalid start byte

I'm trying to use Black to format my Django code. It works fine in most directories. However, I get the Unicode decode error UnicodeDecodeError: 'utf-8' codec can't decode byte 0xff in position 0:...

Getting error 'Support for the experimental syntax 'jsx' isn't currently enabled' when running npm run start

I am currently receiving this error when running npm run start from my terminal 'Support for the experimental syntax 'jsx' isn't currently enabled'. Im not sure what the issue is as my...

[webpack-cli][Error: EEXIST: file already exists, open '....'] - Docker environment

This is using Docker. It works when using wsl2 but when using hyper-v I'm getting the issue. I'm trying to run mix watch -- --watch-options-poll=3000 or mix --production but every time I'm running...