Error occurred during the file watch process in PhpStorm after saving the CSSO file

Following the advice in the official PhpStorm documentation, I have implemented a CSS minifier. However, upon attempting to use it, I encountered the following error:

cmd.exe /D /C call C:\Users\douglas\AppData\Roaming\npm\csso.cmd -i styles-rca.css -o styles-rca.min.css
C:\Users\douglas\AppData\Roaming\npm\node_modules\csso-cli\node_modules\clap\lib\index.js:1
import { basename, extname } from 'path';
   ^

SyntaxError: Unexpected token {
at Module._compile (internal/modules/cjs/loader.js:723:23)
...

Process finished with exit code 1

Here is the configuration I am currently using.

PHPStorm: 2022.2.3

csso-cli: 4.0.1

cssnpmphpstormwebstormminify

Answer №1

This situation bears a resemblance to the one discussed here. My recommendation would be to revert back to an older version of csso-cli

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

Tips for aligning multiline text in the center of images with varying widths

Excuse my lack of experience, but I have a question, I am looking to center a header and some text next to an image with variable width. Additionally, the text should be able to position on either side of the image, while still being coded first in the HT ...

phphtmlcsscenter

Animate.css bxSlider text animations

As I am in the process of setting up a slider for my website, I have encountered some issues. I am utilizing bxslider and wished to incorporate animations for the text on each slide by integrating animate.css. Animate.css is quite simple: just add "animat ...

jquerycssanimationbxslider

What is the best way to add borders to the cities on interactive SVG maps?

I'm currently developing Interactive SVG Maps showcasing Turkey. The map consists of 81 cities, each represented by <g> elements, and their respective districts, created as child elements within the city elements. It's worth noting that the ...

javascriptjqueryhtmlcsssvg

A guide on rotating loaders and inserting custom text within loaders using CSS

Seeking assistance to modify my code for creating a unique loader design. The inner loader needs to remain static with only top and bottom segments, while the middle loader rotates anti-clockwise and the outer loader rotates clockwise. Additionally, the ...

htmlcss

Warning issued by npm during compilation: The template string expression is unexpected as there should be no curly braces in the

Getting an npm warning during compiling (Unexpected template string expression no-template-curly-in-string) import React from 'react'; const Card = ({name, email, id }) => { return ( <div className='tc bg-light-green dib b ...

javascriptreactjsnpm

Creating CSS wrappers around div elements of varying sizes

I am looking for a way to "wrap" different divs of varying sizes, similar to how Microsoft Word wraps text around an image. I have a simplified structure outlined below: <div id = "div1"></div> <div id = "div2"></div> <div id = ...

csshtmlcss-float

What is the method for creating a rectangle with text inside using HTML and CSS?

Hello, I need help with achieving this design using HTML and CSS. Can you assist me, please? https://i.stack.imgur.com/xOHVX.jpg This is what I have attempted so far: Below is my CSS code: .line-lg{ width:120%; text-align: center; border-bot ...

htmlcss

Collecting information from form submissions, accessing data from the database, and displaying the results

I am currently working on a project using nodejs, express, and mongodb within the cloud9 IDE. My goal is to create a page with a form that allows users to input data, search for corresponding information in the database, and display that data on the same ...

javascripthtmlcssnode.jsexpress

Monitoring business activities in Nodejs- capturing events such as HTTP requests and responses. Tracking outgoing

My goal is to monitor business events related to APIs, specifically HTTP GET and outbound POST/PUT requests. I have been using the appmetrics package for this purpose, but it seems to only capture events related to HTTP page requests. Unfortunately, it&ap ...

node.jshttpnpm

The system is unable to locate the module at 'C:UsersSanjaiAppDataRoaming pm ode_modulesprotractorinprotractor'. This error originates from internal/modules/cjs/loader.js at line 960

After running "protractor conf.js" without any issues, I decided to install protractor globally using the command "npm install -g protractor". However, after installing protractor globally, I encountered the following error message: internal/modules/cjs/lo ...

javascriptangularnpmprotractor

Tips for integrating frontend npm packages into your project

As a beginner in Node.js web development, I recently used ExpressGenerator to create a project with the ExpressJS framework. I'm now looking to integrate the FineUploader front-end JS library into my application, which is available as an NPM package. ...

node.jsexpressnpmfrontendfine-uploader

Creating a distinctive appearance for JavaScript's default dialogue box

Is there a way to enhance the design of my code that prompts the user for input using JavaScript's `prompt`? Currently, it appears too simplistic. Are there any CSS or alternative methods to improve its appearance? function textPrompt(){ var text = ...

javascriptcss

The error message "npm run dev Error: The derived class t must have a greater number of constructor arguments than its base class" is indicating a mismatch in the number of constructor arguments between

When using vue with Laravel 5.8 in Vagrant, I encountered an error while running npm run development as shown below: root@ubuntu-xenial:/vagrant/webroot# npm run development > @ development /vagrant/webroot > cross-env NODE_ENV=development node_modu ...

node.jsvue.jsnpm

Generate HTML table with CSS dynamically applied through jQuery

After performing some calculations and applying CSS rules using the .css() function in jQuery to color the background of a table, I am facing an issue when trying to print the page. The printed page appears in black and white without retaining any styling ...

javascriptjqueryhtmlcssdatatables

The "primary" value found in the package.json configuration file within a Protractor project

When setting up my Protractor project, I ran the command npm init to create a package.json file. By default, the "main" field was set to "index.js", which didn't seem suitable for my project. Despite this, I decided to keep it that way and proceede ...

node.jsnpmprotractor

Your current Node version is 12.13.0, but in order to use Create React App, you need to have Node 14 or higher installed. Kindly

While embarking on a new React project using create-react-app, I encountered an error message stating "You are running Node 12.13.0. Create React App requires Node 14 or higher. Please update your version of Node." Despite attempting various solutions sug ...

node.jsreactjsnpmcreate-react-app

Ways to package npm modules with shrinkwrap feature and no local dependencies

Managing the package.json file to keep track of node modules dependencies has been a priority for me. Whenever I run npm install, it automatically downloads and installs the necessary node modules, creating a folder for them in my application directory. Up ...

npmshrinkwrap

Adjusting the background color of the list item

I'm looking for a way to change the background color of the li tag when the user focuses on the input, similar to what can be seen at the bottom of this page here. After researching similar questions, it appears that achieving this effect in pure CSS ...

javascriptjqueryhtmlcssfocus

Ways to have the "li" element displayed on a separate line

let selector = document.querySelector('.activate') selector.addEventListener('mouseover', function(){ document.querySelector('#hidden-li').classList.remove("hidden") }) selector.addEventListener('mouseleave', f ...

htmlcss

What exactly does a 'hoisted manifest' mean when it comes to using Yarn?

Encountering an issue while attempting to install a package using yarn, I am receiving the error message: expected hoisted manifest for \"myPackage#@material-ui/core#react-dom\" However, the concept of a 'hoisted manifest' is not entir ...

javascriptnpmyarnpkg