What is the mystery behind the unrecognized plugin "static-fs" mentioned in the .babelrc file?

Currently, I am attempting to execute the exhibits in my deck.gl project. After cloning the repository, navigating to the exhibits directory, and running the command:

npm run browserify

All packages are successfully installed without any errors. However, upon launching the project, an error is displayed in the browser:

Unknown plugin "static-fs" specified in "/Users/me/Projects/deck.gl/.babelrc" at 0, 
attempted to resolve relative to "/Users/me/Projects/deck.gl" 
while parsing file: /Users/me/Projectss/deck.gl/exhibits/app.js

This issue seems to stem from the contents of the .babelrc file:

{
  "presets": ["es2015", "stage-2", "react"],
  "plugins": [
    "static-fs",
    "transform-decorators-legacy"
  ]
}

The situation has left me unsure of how to proceed as searches online have not provided a solution, and it appears that static-fs is not recognized as a valid package.

javascriptnpmbrowserifybabeljs

Answer №1

Besides the package.json located in the exhibits/browserify folder, the main deck.gl project also contains a package.json at its root.

It's important to note that there are packages included in the root file that are not present in the exhibits/browserify file.

Running npm install at the root directory is essential as it will allow any 'missing' dependencies to be resolved through the primary node_modules directory.

Similar questions

If you have not found the answer to your question or you are interested in this topic, then look at other similar questions below or use the search

Converting a .ts file to .js for Typescript 3.2 and higher versions

Is there an alternative method to compile a .ts file to .js file using Typescript version 3.2 and above since tsc.exe is no longer present in these versions? In our project, we relied on tsc.exe to compile all the .ts files, but with the upgrade to Typesc ...

javascriptnode.jstypescript

Error: React Component not rendering correctly - Element Type Invalid

React Uncaught Error: Element type is invalid Encountering a problem in my React application where the following error message appears: Error: Element type is invalid: expected a string (for built-in components) or a class/function (for composite compone ...

javascriptreactjsangularvue.js

implementing a webpage enhancement that enables loading content asynchronously

I find myself puzzled. Lately, I've delved into learning Spring MVC through the development of a web application designed to display live sports scores in real-time. The core functionalities are already in place, but I'm unsure about how to creat ...

javascriptangularjsajaxspring-mvcasynchronous

The issue lies in the error code TS2315 which states that the type 'observable' is not a generic

I keep encountering an error message that says 'observable is not generic' while importing files. I am working on implementing CRUD operations in Angular 7, where I have created two components for adding and listing employees. The functions for c ...

javascriptangulartypescript

Employing passport-steam alongside sails-generate-auth

As I develop my SailsJS application, I am aiming for users to authenticate solely through Steam. I utilized `sails-generate-auth` to set up some boilerplate code with sails routes, but integrating passport-steam has proven challenging. If you are interest ...

javascriptnode.jssails.jspassport.js

Is it possible for a prop to change dynamically?

I am currently developing a component that is responsible for receiving data through a prop, making modifications to that data, and then emitting it back to the parent (as well as watching for changes). Is it possible for a prop to be reactive? If not, wh ...

javascriptvue.jsvue-component

Hovering over a table cell triggers a popup in Angular

Inserted a class into <td><span class="only-show-on-hover"></span></td> CSS code for the class td span.only-show-on-hover { visibility: hidden; } td:hover span.only-show-on-hover { visibility: visible; } Code for dialog box < ...

javascriptangulartypescriptbootstrap-4

Git bash is failing to recognize the 'node' command within 'npm run dev', even though Node and npm are already installed. Other shells are working correctly with this command

I've installed npm and node, attempting both NVM for Windows and direct installations. In Git Bash, 'npm -v' and 'node -v' commands work without issue. However, when I try to run 'npm run dev' or any other command, it ret ...

node.jswindowsbashgitnpm

Capturing screenshots with Selenium in Node.js is proving to be quite sluggish

My current project involves using Selenium with Mocha in Node.js for UI testing on a website. I want to capture screenshots after each test to review and share the results visually. The challenge arises when there are AJAX calls and JavaScript animations ...

javascriptnode.jsseleniummocha.jsscreenshot

Permission Denied when trying to use a non-root user in PNPM docker command

Today, I came across pnpm and it successfully resolved the issue I was facing with npm timing out during installation, which is absolutely fantastic. However, I encountered a problem with pnpm when using it in a docker image. In the past, when using npm, ...

javascriptnode.jsdockernpmpnpm

Utilize the power of Request.JSON to send an HTML array as a post

I have a piece of HTML code that includes form elements: First name: <input type='text' name='first_name' value='' /><br/> Last name: <input type='text' name='last_name' value='' / ...

javascriptajaxarraysjsonmootools

What steps can I take to prevent Javascript/JQuery from repositioning other elements on the webpage?

Is there a way for the animation code to only affect the show/hide toggle buttons and not interfere with the other jQuery code I have implemented for hiding and showing div text? When I included the animate code in my js page, it caused issues with the exi ...

javascriptjqueryhtmlcss

Ways to retrieve JSON data using getRequest

Hey there, I have a string that looks like this: {"Fruit":"Meat", "Vegetable":[ {"Name":"Author1","Date":"12"}, {"Name":"Author2","Date":"2"}, {"Name":"Author3","Date":"14"} . . . {"Name": "AuthorN", ...

javascriptjson

Storing and retrieving text in a file using JavaScript: A step-by-step guide

I have a command set up where if a user is mentioned, the discord bot will save the mentioned user's name in a file (I'm utilizing discord.js and node.js). Below is my code snippet: const prv = require('C:/Users/Kikkiu/Desktop/prova.txt&apo ...

javascriptnode.jsdiscord.js

Utilizing AJAX requests to execute create, update, and delete actions all from one streamlined file instead of separating them into three distinct

In my JavaScript code, I am currently making XMLHttpRequests to separate PHP files for different functionalities in my app - like add.php, update.php, and delete.php. However, having three separate files feels repetitive. Is there a way to consolidate al ...

javascriptphpajax

In the year 2021, eliminate linked documents using mongoose/MongoDB middleware

After extensive research on stack overflow, I attempted various solutions for deleting referenced documents in MongoDB using node.js. Unfortunately, most of them either utilize deprecated methods or simply do not function as expected. Within my applicatio ...

javascriptnode.jsmongodbexpressmongoose

How to avoid the need to wrap all setState calls with #act in React 18?

One issue I encountered was when upgrading from React 17 to 18, ReactDom render became asynchronous. To handle this, I needed to use #act to wrap the ReactDom render. However, React also required that all setState calls be wrapped with #act. If not done, ...

javascriptreactjs

Issue with cookies modification in Next.js 14 server actions

I'm currently facing a challenge while working on a Next.js 14 project where I am trying to make changes to cookies. Despite carefully following the Next.js documentation regarding server actions and cookie manipulation, I keep running into an error w ...

javascriptreactjstypescriptnext.jsreact-typescript

How to enable Autocomplete popper to expand beyond the menu boundaries in Material UI

Within my Menu component, I have an Autocomplete element. When the Autocomplete is clicked, the dropdown list/Popper appears but it's confined within the Menu parent. How can I make it so that the Autocomplete's dropdown list/Popper isn't re ...

javascriptreactjstypescriptmaterial-ui

Versioning resources in Spring MVC with Thymeleaf

https://i.sstatic.net/ArllV.png Struggling with resource versioning in Spring Mvc 4 while using thymeleaf template engine. Despite the code provided, I am unable to see the new version URL when viewing the page source. What could be causing this issue? Wh ...

javascriptjavaspring-mvccachingthymeleaf