"You may need an appropriate loader to handle this file type" with Webpack and Babel

I am trying to use Webpack with Babel to compile ES6 assets, but I am getting the following error message: You may need an appropriate loader to handle this file type. | import React from...

React router hot-reload not working

I have a small problem there are few similar questions on SA already but I can't figure out how to fix this. I am using react-router-redux but for this example I don't think there are any...

"SyntaxError: Unexpected token < in JSON at position 0"

In a React app component which handles Facebook-like content feeds, I am running into an error: Feed.js:94 undefined "parsererror" "SyntaxError: Unexpected token < in JSON at position 0 I ran...

How to import only the one component from bootstrap 4 via webpack 2

I am working with Webpack 2 and Bootstrap 4. I want to use only one Modal component from the whole package. Is it possible? I tried to import it from js/dist/modal but I got an exception about:...

webpack-dev-server 'Cannot GET /'

I have the following webpack config: module.exports = { entry: "./src/index.js", output: { path: __dirname + '/dist', // publicPath: __dirname + '/dist/', filename: "bundle.js" ...

Type 'string' is not assignable to type '"inherit" | "initial" | "unset" | "fixed" | "absolute" | "static" | "relative" | "sticky"'

I get the following error in my application (npm 5.4.2, react 15.4, typescript 2.5.3, webpack 2.2.1, webpack-dev-server 2.4.1). This will work: <div style={{position:...

Cannot find module create-react-app/script/start.js

something has changed in my program structure and due to its complexity i cannot exactly point where the problem. Ever since my application crushed and no longer working i have tried different...

npm install throws "integrity checksum failed when using sha1: wanted sha1-6G...= but got sha512..." error

I checked few similar posts on here and other places but was not able to figure out. Never done Angular but got instructed to install npm and run an angular project I never used before. Here are...

Vue cli 3 hot reload suddenly not working in browsers

I have a Vue project generated by the Vue cli 3 and my hot reloading suddenly stopped working in my browsers. Changes made to the code are still picked up by the terminal, however, my browser is...

npm install: Failed at the [email protected] postinstall script

I have a angular application: https://github.com/XBITSwitzerland/ngx-admin/tree/ng2-admin And now I try to do: npm install But I get this error (The compete Output of the command was way too long,...

Angular Universal (SSR) Error: Failed to lookup view "index" in views directory

I want to deploy my angular universal app on aws. From my understanding, I can only deploy my app on elastic beanstalk because it needs a web server to run. (It means no S3 deployment). When I...

Module not found: Error: Can't resolve 'core-js/es6'

I've got a problem with my build process in relation to my React app. I always get the following error: Module not found: Error: Can't resolve 'core-js/es6' if I use this in a polyfill.js: import...

How to fix "FATAL ERROR: Ineffective mark-compacts near heap limit Allocation failed - JavaScript heap out of memory" error

I'm trying to deploy a reactjs application to heroku. While compiling assets, the build fails and produces this error: -----> Ruby app detected -----> Compiling Ruby/Rails -----> Using Ruby...

Rails UJS link_to destroy action not working properly after migrating to webpack

I have a project with Rails/webpacker/stimulus. Today I migrated the asset pipeline to webpacker. All went fine except for one detail. Link_to buttons with a call to a destroy method direct to the...

CSS and Bootstrap not loading in Rails 6 app when deployed to Heroku

I have a Rails 6 project with the default webpacker. I loaded bootstrap and jQuery by followign a tutorial and everything works locally. Here's the structure of the relevant...

NET::ERR_CERT_AUTHORITY_INVALID when using webpack-dev-server

I'm trying to lunch my course project on the brave browser using webpack-dev-server --mode development --https --open but I am constantly getting this "Your connection is no private" error with...

Webpack Module Warning: Failed to parse source map from "data" URL

I'm receiving a bummer warning and have been unable to find an available solution: WARNING in ../lensing/dist/main.js Module Warning (from ./node_modules/source-map-loader/dist/cjs.js): Failed to...

Failed to load config "react" to extend from

I am trying to create a react app without using create-react-app using the following...

Webpack Error - configuration.node has an unknown property 'fs'

I have encountered an error when using the latest version of Webpack (5.1.0). It looks like the configuration is throwing an error because the validation schema is too restrictive. Here is my...

Error: PostCSS plugin tailwindcss requires PostCSS 8

I installed the new tailwindcss version 2.0 and I've got the following error. I tried to uninstall postcss and tailwindcss but it does not work. Need help. Module build failed (from...

How to remove yarn packages

I followed the instructions at https://tailwindcss.com/docs/installation and https://web-crunch.com/posts/how-to-install-tailwind-css-2-using-ruby-on-rails to install tailwind as...

React build - not found: Error: Can't resolve 'buffer'

I am having an error when I build my application in react. I noticed this error only when I tried to build application. When I stopped dev server and ran it again, it showed the same error. It...

TypeError: this.getOptions is not a function

I am facing a weird error when I installed Bootstrap. The error is below. I tried uninstalling less-loader and installing [email protected], because I saw it online, but it did nothing. I am...

Saleor Platform running, storefront wont start the server

I've used the saleor platform method, with docker and dashboard and everything else works properly, but not the frontend, any idea how to debug this, this is the output of the last...

Unable to start a micro front-end app in single-SPA application

I am facing error while trying to start sub-app in Single-SPA application. Basically, I am trying to develop a kind of util app (sub app in Single-SPA) which contains Sockjs, Stomp-client etc. I...

Vue2 - Error: PostCSS received undefined instead of CSS string

i have this problem when trying to compile a Vue2 project Syntax Error: Error: PostCSS received undefined instead of CSS string @ ./src/assets/sass/main.scss 4:14-233 14:3-18:5 15:22-241 @...

Vercel causes 500: Internal Server Error (works on localhost)

I'm creating a page where I can get an overview of all my notes/summaries. The note's pages are markdown files converted into HTML used in a dynamic file. The '/note' page is 1 page with a group...

Vuetify SassError Expected identifier. .v-application .orange.#f77925{

I am trying to manage sass variables of vuetify theme, according to doc here: https://vuetifyjs.com/en/features/sass-variables/ Here is package.json { "scripts": { ... }, "dependencies":...

Error when running webpack script for simple project

When I run the script for "webpack-dev-server --config webpack.dev.js", I get this error: Error: For the selected environment is no default script chunk format available: JSONP Array push can be...

Getting error 'digital envelope routines', reason: 'unsupported', code: 'ERR_OSSL_EVP_UNSUPPORTED'

I got this error when learning Next.js, using npx create-next-app command according to site documentation here https://nextjs.org/docs/api-reference/create-next-app. Everything works until I start...