531 questions
0
votes
0
answers
34
views
Dynamic Loading in Parcel reverts back to the index.html
I am building a SPA, using Parcel and Firebase. I am however encountering unexpected behaviour. I have established a function setDynamicRouting(), that should pull the html from different subpages (...
0
votes
2
answers
806
views
"Cannot read properties of undefined (reading 'input')" error
I'm encountering a build error when running a simple setup using Parcel, Tailwind CSS, and PostCSS. When I run npm run start, I get the following error:
> [email protected] start
> parcel
🚨 Build ...
-3
votes
1
answer
206
views
Parcel Error: Cannot find module '@parcel/transformer-react-refresh-wrap/lib/helpers/helpers.js'
I am facing an error when trying to run my Parcel project. The error in the browser console is:
Uncaught Error: Cannot find module '@parcel/transformer-react-refresh-wrap/lib/helpers/helpers.js' at ...
0
votes
1
answer
92
views
@parcel/transformer-js build failed
I run parcel2 build command:
parcel build src/web/index.html
and I got the following error
➜ my-webapp git:(master) ✗ npm run build-dev
> [email protected] build-dev
> parcel build src/web/index....
1
vote
1
answer
4k
views
Unexpected token CloseSquareBracket error with TailwindCSS v4 and Parcel
I followed all the steps mentioned in the Tailwind v4 docs, to setup TailwindCSS v4 with parcel . After setup when i am running local server then i got this error.
Server running at http://localhost:...
0
votes
0
answers
34
views
Missing sprite in production
The sprite is missing the path and other properties in the dist folder after running npm run build. Before the command and minification, sprite works fine in local host and deployment (I use parcel v2)...
1
vote
1
answer
83
views
Parcel Build does not output a folder
I have a problem with parcel.
When I run the build script, nothing really happens. Actually, it says that it built something but it never gives the output folder out.
I tried everything, but nothing ...
0
votes
1
answer
258
views
Jest encountered an unexpected token when working with React JavaScript
I have created react app with parcel, (New to testing) While doing unit testing for my ContactUs page, I have came across this problem.
Tried few solutions, Which are posted on StackOverFlow but none ...
0
votes
1
answer
518
views
Unparcelling of ... of type VAL_PARCELABLE consumed 2068 bytes, but 3496 expected
When I unparcel my Kotlin data object class, a Log.wtf is called internally somewhere alerting me that it expected a certain amount of bytes, however some of those were not found.
Unparcelling of ...
0
votes
1
answer
56
views
Cannot import SVG file into React project [closed]
Can someone tell me how to import an GVS image into a React project? I created the project using parcel and not create-react-app.
I tried exporting as a component using ReactComponent and also ...
1
vote
0
answers
225
views
How to handle this parcel error that states "Failed to resolve ''
I am currently trying to run npm start to compile a live version of my index.html, however parcel is throwing this error.
@parcel/core: Failed to resolve '' from './src/styles/scss/main.scss'
...
-1
votes
1
answer
96
views
Error while parcel watch: You gave us a visitor for the node type StaticBlock but it's not a valid type
When i am trying to run: "parcel watch ./public/js/index.js --out-dir ./public/js --out-file bundle.js" i get this error. I've tried answers of this question but it didnt work.
index.js:
...
1
vote
1
answer
1k
views
AssertionError [ERR_ASSERTION]: The expression evaluated to a falsy value: (0, _assert().default)(node.type === OPTION) [closed]
at RequestGraph.invalidateOptionNodes (food-ordering-app\node_modules@parcel\core\lib\RequestTracker.js:249:29)
at loadRequestGraph (food-ordering-app\node_modules@parcel\core\lib\RequestTracker.js:...
2
votes
0
answers
160
views
Build failed. @parcel/core: node_modules/pg-cloudflare/dist/empty.js does not export 'CloudflareSocket'
I'm building a webapp using Parcel to bundle.
Everything was working right at the front, but then I started the back setting the data base and got this error from parcel.
🚨 Build failed.
@parcel/...
0
votes
1
answer
273
views
How can I solve the Build failed error in npm parcel
I am learning JavaScript from a Udemy course.
I run into a problem with running the parcel.
I installed parcel 2 as the video instructed, but when I try to run it, it says my files must be .js. In the ...
0
votes
1
answer
462
views
I have created a react , I am unable to run this , earlier it was running fine but now getting error (Using parcel)
Earlier code was running fine , but suddenly it is giving error like,
enter image description here
ERROR
C:\Users\amitb\OneDrive\Desktop\React-Project>npm start
> [email protected] start
> ...
1
vote
0
answers
708
views
Decorators not working in Lit Elements - building using Babel and Parceljs
I'm trying to build a Custom Web Components library using Lit Elements, Parcel and Babel. If I don't use decorators and fallback to static properties approach, things are working - however I'm facing ...
2
votes
1
answer
180
views
Parcel doesn't transpile the code without .babelrc configuration file
Just learned how to convert ES6 javascript code to ES5 using parcel.
I tried to transpile this piece of code:
const greeting = () => {
console.log("Hello, world!");
};
greeting();
...
0
votes
1
answer
123
views
How can I use dynamic Parcel 2 aliases?
Parcel 2 supports glob aliases for simple use cases, but I can't figure out how to use it for global object properties that require some transformation.
For example, in WordPress projects, wp is a ...
0
votes
0
answers
63
views
i encountered an issue with react app not showing any data in mobile view
Body.js
import RestaurantCard, { withBestSellerLabel } from "./RestaurantCard";
import { useEffect, useState, useContext } from "react";
import Shimmer from "./Shimmer";
...
0
votes
0
answers
119
views
How to ignore/supress parcel error about new CSS feature?
I'm new to Parcel, and am getting this error:
@parcel/transformer-css: Unknown at rule: @property
in relation to this CSS block
@property --a {
syntax: '<angle>';
inherits: false;
...
2
votes
3
answers
530
views
npm install parcel installation failed
Running npm install --save-dev parcel in an npm project on my computer returns the following log:
npm WARN deprecated [email protected]: Modern JS already guarantees Array#sort() is a stable sort, so this ...
0
votes
1
answer
1k
views
Error Installing parcel showing error at parcel\watcher and at node-gyp rebuild
1
npm ERR! path C:\Users\USER\OneDrive\Documents\My sites\Music Website\node_modules@parcel\watcher
npm ERR! command failed
npm ERR! command C:\WINDOWS\system32\cmd.exe /d /s /c node-gyp rebuild
npm ...
0
votes
2
answers
538
views
@parcel/optimizer-swc: 'const' declarations must be initialized
enter image description here
I am currently working on a React web app using Parcel as the bundler. While developing, I have not encountered any issues, and the application runs smoothly with npm ...
0
votes
0
answers
49
views
Premission Denied Bundler|| Parcel
easywork@Pranjals-MacBook-Air foodla % npx parcel index.html Error: Permission denied at Object.open (/Users/easywork/Desktop/foodla/node_modules/lmdb/dist/index.cjs:2530:15) at new LMDBCache (/Users/...
0
votes
1
answer
396
views
How to properly build a design system using material ui
in our company we are trying to build our design system as a package, in order to install it in several of our projects. Building the package works fine, but once we install it and import something ...
0
votes
1
answer
756
views
Refused to apply style from because its MIME type ('text/html') is not a supported stylesheet MIME type, and strict MIME checking is enabled
I am trying to develop a google web app that uses a google sheet in backend.
I want to develop locally in vscode as the editor in google Apps Scripts is rather limited.
I also want to use vue3.
To ...
0
votes
1
answer
428
views
Intellisense issue in vscode with typescript
I have a typescript project that I edit via VSCode.
I'm using parcel, which means I have to "import" images into code. By default, typescript doesn't like that, so I've added a declarations....
0
votes
1
answer
537
views
How to configure ParcelJS for Chrome DevTools extension project
I maintain a Chrome DevTools extension for which I utilise Gulp to bundle my code. Since Gulp is not maintained anymore, I am looking to migrate to another bundler. I started a test project to try out ...
0
votes
1
answer
129
views
How do you build with parcel 2.9.3
I'm building a react web application with yarn (1.22) and parcel(2.9.3) packages and getting this error in the console:-
Uncaught Error: Could not resolve bundle with id bundle-manifest.js:13 runtime-...
0
votes
1
answer
84
views
Parcel project filesize huge
Okay I'm building a website and yes I'm a graphic designer trying to code :)
So I have a parcel 2 bootstrap 5.3 project with a video around 8 gb. So that takes up some space. But my hole project file ...
25
votes
7
answers
23k
views
Error: Expected content key de1e4a02ec63c4eb to exist getting this error in React. I am using parcel as a bundler
While creating a react app from scratch (without using create-react-app) using parcel bundler, the parcel throws the following error:
Error: Expected content key de1e4a02ec63c4eb to exist
at ...
0
votes
0
answers
105
views
Inlining Svelte CSS in final Parcel build without duplicates
I'm using Svelte with Parcel v2. I want Parcel to build my Svelte code — including CSS and JS — into one index.html file, but currently it's building an index.html and a separate index.css file. Here'...
0
votes
1
answer
568
views
java.lang.RuntimeException: Parcel android.os.Parcel@d674dcb: Unmarshalling unknown type code 6881394 at offset 508
I just got that Error with Android 12 Device
For devices running on android lower than 12 everything is ok !
java.lang.RuntimeException: Parcel android.os.Parcel@d674dcb: Unmarshalling unknown type ...
0
votes
1
answer
39
views
Parcel/un-parcel list of instances from base generic class
I have a base generic abstract class, lets call it Base<T> class.
This class extended by few subclass, with different types for T mData.
Let's say that I have class Sub1 extends Base<byte []&...
0
votes
1
answer
189
views
Parcel 2 - Uncaught Error: Cannot find module 'axios'
I am doing an udemy course, 'Node.js, Express, MongoDB & More'. In the course, the lecturer uses parcel v1, but since then parcel has created v2 and I am unable to install v1.
I am trying to call ...
1
vote
1
answer
328
views
Parcel 2.0 PostCSS, how to disable media queries transformation
I'm using Parcel 2.0.
I noticed that on iPhone 13, iOS Safari version 15.x and 16.x, the media queries are completely ignored.
After some test I realised that Safari ignores media queries when they ...
0
votes
1
answer
434
views
CSS media (max-width) querie not working in safari
My website does not respond to @media in Safari. It works fully in Chrome, but nothing happens when I use Safari. I have only tested Chrome and Safari, so I don't know if other browsers also struggle.
...
0
votes
1
answer
183
views
How to prepend path to a script's src when using parcel
I am using parcel to bundle the files, and for my script tag or link tag containing .tsx and .less files, it will transform those file to the following format:
<directory name>-<hash>.<...
2
votes
0
answers
483
views
@parcel/core: Failed to resolve 'react'
I am using parcel with React in an application. When I am running
npx index.html
it is showing me below error:
Server running at http://localhost:1234
🚨 Build failed.
@parcel/core: Failed to resolve '...
0
votes
1
answer
343
views
can't install and get error while installing parcel by npm install -D parcel
npm ERR! code E404
npm ERR! 404 Not Found - GET https://github.com/parcel-bundler/parcel/parcel - Not Found
npm ERR! 404
npm ERR! 404 'parcel@*' is not in this registry.
npm ERR! 404
npm ERR! 404 ...
0
votes
1
answer
510
views
Service Worker registration failed - Uncaught ReferenceError: export is not defined
I am trying to develop a chrome extension that is using a tensorflow model in the service worker. It gets bundled by parcel.
The extension works without any issues when I use an HMR server. However, ...
0
votes
1
answer
182
views
Preact router not working after Parcel build
I setup a project with parcel that with a preact app. When running the project with as dev with npm run dev (It allow me to test at http://localhost:8080).
When I access to http://localhost:8080 and ...
0
votes
0
answers
451
views
Parcel doesn't transpile modern Javascript - newbie
could you please help me to solve this problem? I just can't fugure it out :(
Parcel just doesn't transpile modern JS:
I've installed Parcel: npm install --save-dev parcel
created a Babel config ...
2
votes
1
answer
166
views
Problem with importing mp3 files in a module
I'm trying to implement a loading page in my JavaScript app that loads all the files before launching the app (twelve mp3 files and five png files) , but the way I'm doing it returns empty objects ...
1
vote
0
answers
311
views
Why parcel does not update/watch imported modules? and how can i fix it?
i am trying to build a js library, but i faced a problem during the developing stage, which is parcel does not update/watch imported modules from my library which i linked using yarn link command, but ...
0
votes
3
answers
406
views
Find a way to prevent parcel from changing media query syntax
I'm trying to build a website using Html, Sass, and JavaScript. So I'm using parcel to bundle my website but the problem I've come up with is that if I want to start bundling by typing "npm start&...
0
votes
1
answer
344
views
parcel creates a js file, even if I'm not using js
I'm building a simple website with html and css (sass). For converting sass to css, I'm using parcel to create a bundle of the website.
The website consist of 2 files: 'index.html' and 'style.scss'. I ...
1
vote
1
answer
1k
views
React app runs locally, but it's not working when deployed to Azure Web App
I am stuck in the middle with my issue I am encountering for a while.
I got a React app with parcel as a bundler. It runs nice and smooth on my local environment, but it's not working on my Azure Web ...
4
votes
1
answer
2k
views
Parcel -> error: unknown option '--out-dir' , error: unknown option '--out-file'
iam trying to use parcel and running these two commands
"watch:js": "parcel watch ./public/js/index.js --dist-dir ./public/js --out-file bundle.js",
"build:js": "...