Having trouble with the installation of Parcel bundler via npm

Issue encountered while trying to install Parcel bundler for my React project using npm package manager. The terminal displayed a warning/error message during the command npm i parcel-bundler:

npm WARN deprecated [email protected]: core-js@<3 is no longer maintained and not recommended for usage due to the number of issues. Please, upgrade your dependencies to the actual version of core-js@3.

Attempted to install the latest version of Core JS, but it was unsuccessful.

The following message appeared while installing Parcel:

[email protected] install C:\Users\User\OneDrive\OneDrive Laptop\Coding\YoutubeCode\V12 Dec 22 19 React Boilerplate\node_modules\deasync

node ./build.js

win32-x64-node-10 exists; testing Binary is fine; exiting

[email protected] postinstall C:\Users\User\OneDrive\OneDrive Laptop\Coding\YoutubeCode\V12 Dec 22 19 React Boilerplate\node_modules\core-js node -e "try{require('./postinstall')}catch(e){}"

Thank you for using core-js ( https://github.com/zloirock/core-js ) for polyfilling JavaScript standard library!

The project needs your help! Please consider supporting core-js on Open Collective or Patreon:

The author of core-js ( https://github.com/zloirock ) is also seeking employment opportunities.

[email protected] postinstall C:\Users\User\OneDrive\OneDrive Laptop\Coding\YoutubeCode\V12 Dec 22 19 React Boilerplate\node_modules\parcel-bundler node -e "console.log('\u001b[35m\u001b[1mLove Parcel? You can now donate to our open collective:\u001b[22m\u001b[39m\n > \u001b[34mhttps://opencollective.com/parcel/donate\u001b[0m')"

Your support is greatly appreciated! In case you'd like to donate to our open collective:

npm WARN [email protected] No repository field. npm WARN optional SKIPPING OPTIONAL DEPENDENCY: [email protected] (node_modules\fsevents): npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for [email protected]: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"})

  • [email protected] added 736 packages from 535 contributors and audited 8431 packages in 279.429s found 0 vulnerabilities
javascriptreactjsnpmparceljs

Answer №1

Congratulations, your installation was a success!

To enhance your project further, consider adding a "build" script to your package.json file. This can be achieved by including the line "build": "parcel build public/index.html" and then executing "npm run build".

If you encounter any corejs issues, look into using Parcel 2 which is currently in beta. While results may vary depending on your project, I have found it to work well for me. To install Parcel 2, use the command (npm install --save-dev parcel@next).

One small tip - remember to install Parcel as a dev dependency, as this is typically used for building purposes rather than running your app. The "--save-dev" flag helps achieve this easily. You can also use the shortcut "-D" for quick installation.

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

Touch interaction operates differently than mouse movement

Imagine three neighboring divs, div1, div2, and div3. When I click on div1 and then move my mouse to div2, the mousemove event is triggered with div2 as the target. However, on mobile devices, if I tap on div1 (touchstart) and slide my finger to div2, the ...

javascripthtml

Having trouble retrieving state parameters when trying to launch a modal in AngularJS

When the "view detail" link is clicked, I wanted to open a modal for a detailed view of a specific user. However, I encountered an issue where I couldn't retrieve the user ID in the resolve attribute of $uibModal.open(). Strangely enough, the ID is av ...

javascriptangularjsangular-ui-router

Challenge with React Native text rendering

Currently, I am working on an app that calculates user amounts with some data and displays it as text. However, I am facing an issue when the user's amount is too long. For example, if the result amount is Rs 7004505400089090760, it splits in the text ...

reactjsreact-native

Error encountered: Material-Table threw a TypeError stating that Object(...) was not recognized as a function within the module located at ../node_modules/@material-ui/pickers/dist/material-ui-p

Attempting to set up material-table in my React project is proving to be challenging. When trying the example code from https://github.com/mbrn/material-table, I encountered an error message related to a module file. I have attempted to update material-ui ...

reactjsmaterial-ui

Incorporate dots into every slide using the React Slick slider

When implementing a slider in React.js, I use React Slick. The API provided by React Slick allows us to easily incorporate previous and next buttons on each slide using the Previous and Next methods. However, I am curious about how to achieve the same fun ...

javascriptreactjsecmascript-6slick.jsreact-slick

Node.js offers a simple and effective way to redirect users to another page after they have

I am experiencing an issue when trying to redirect the client to the confirm page after a successful login process. I keep encountering some errors. view screenshot router.post('/sign_in', urlend, function(req, res) { var email = req.body.user ...

javascriptnode.js

I am currently having trouble with req.query not functioning correctly within Next.js for reading query parameters

I am facing an issue while working with a REST API in Next.js 13. I have created the API, which can be accessed at http://localhost:3000/api/portfolio. However, when I try to filter the data using query parameters like http://localhost:3000/api/portfolio?s ...

javascriptreactjsnext.js

Strange state manipulation in React JS using MaterialUI

Having trouble displaying an input component from material-ui, as it crashes the page when I type a few letters. import React from 'react'; import Input from '@material-ui/core/Input'; export default function ComposedTextField() { ...

javascriptreactjsmaterial-uisetstate

Printing feature not functioning properly on Internet Explorer version 11

Currently, I am facing an issue with printing a document using a blob URL and iFrame. Everything works perfectly in Chrome, but unfortunately, it's not functioning properly in IE browser. I need guidance on how to successfully print a blob URL that i ...

javascriptangularfileblob

Having difficulty breaking down values from an object

Attempting to destructure the data object using Next.js on the client side Upon logging the data object, I receive the following: requestId: '1660672989767.IZxP9g', confidence: {…}, meta: {…}, visitorFound: true, visitorId: 'X9uY7PQTANO ...

javascriptobjectnext.jsdestructuring

When JQuery is written in a separate file, it does not get applied in the HTML file

I've encountered an issue that seems to have similarities to others, but despite trying various solutions and writing JQuery code in a JS file, I can't seem to get it to work properly. When I include the path for the JS and JQuery version in the ...

javascriptjqueryhtmlvisual-studio-code

Error message: Parameters are not defined in the Next.js

Struggling to retrieve the endpoint from a specific page in my Next.js application using URL parameters. Despite being able to view the endpoint in the browser, it keeps returning as undefined. I attempted utilizing usePathname from next/navigation, which ...

javascriptreactjsnext.jsparameters

Is it possible to configure Webpack/NextJs to handle a recurring import path mapping?

Exploring ways to streamline imports in my NextJs Project (v14.1.3), I'm interested in finding a method to modify the import statement below: import foo from 'path/to/foo/foo' To possibly simplify it to: import foo from 'path/to/foo&ap ...

javascriptwebpacknext.js

Unusual actions exhibited by the Tailwind blur class

Challenges Today, as I switched from Chrome to Edge, I encountered some unexpected issues in my project. While using the tailwind blur class, I noticed that it was not rendering properly on Chrome and Edge browsers. Surprisingly, the blur class worked fin ...

reactjsfrontendtailwind-cssnextjs-image

What is the best way to manage a significant volume of "business" data or objects within my JavaScript project?

I specialize in working with AngularJs and have a factory that provides services related to buildings. I am managing a large number of buildings (around 50-60) with multiple properties and sub-properties associated with each one (approximately 15-20, some ...

javascriptangularjs

Is it possible to transmit information back to a React app while performing a redirect?

Apologies if this has been asked before, but I can't seem to find a clear answer. The current process on my website involves a user logging in, getting authenticated, and then being redirected to another route. On this new route, multiple components n ...

node.jsajaxreactjsexpress

Attempting to rearrange the table data by selecting the column header

In an attempt to create a table that can be sorted by clicking on the column headers, I have written code using Javascript, HTML, and PHP. Below is the code snippet: <?php $rows=array(); $query = "SELECT CONCAT(usrFirstname,'',usrSurname) As ...

javascriptphpcssmysqlhtml-table

What is the best way to extract value from subscribing?

I attempted to accomplish this task, however, I am encountering issues. Any assistance you can provide would be greatly appreciated! Thank you! export class OuterClass { let isUrlValid = (url:string) => { let validity:boolean ...

javascriptangulartypescript

Eliminate specific elements from an array while retaining others

Here is a simple page setup: The page consists of an input field at the top, followed by a list (<ul>), and a button for saving changes. The <ul> is connected to an array called items. When the user clicks on "Save Changes", it triggers the fu ...

javascriptjqueryarraysangularjs

The given 'FC<ComponentType>' type argument cannot be assigned to the 'ForwardRefRenderFunction<unknown, ComponentType>' parameter type

Currently, I am using react in conjunction with typescript. Within my project, there are two components - one serving as the child and the other as the parent. I am passing a ref to my child component, and within that same child component, I am binding my ...

javascriptreactjstypescript