WebStorm + Express: How do I fix static file resolution?
The application works just fine, yet WebStorm complains about not being able to resolve various static files, including images, CSS and JS. Again, everything works.
Static file root is setup in index.js as follows:
app.use(express.static(__dirname + '/static'));
Modifying the href to make WebStorm happy breaks the application:
<link rel="stylesheet" href="/static/css/styles.css">
I believe I have @types setup correctly:
How do I fix this? It's more of an annoyance than a problem. Although, auto-complete does not work because of this.
The general approach for this kind of issues: mark your static folder as a Resource Root. This allows IDE resolving such paths relative to that folder.
From https://www.jetbrains.com/help/webstorm/configuring-project-tructure.html#content-root
Files in Resource Root folders can be referenced relative to these folders instead of specifying full paths. For example, when you start typing within the
srcattribute of the HTMLimgtag, auto-completion will suggest images from the Resource Root folder.
To configure the category of a folder:
Right-click the folder in the Project tool window, select Mark Directory as from the context menu, and then select the necessary category.
Alternatively, open the
Settings / Preferencesscreen, go toDirectoriesnode, and configure the categories of folders there.
- Clear clipboard to prohibit unauthorised copying, insert message?
- Supplying a reason for AbortController?
- Can you render a html file into a container?
- Using performance.mark() with Chrome dev tools performance tab
- How to save javascript array as redis list
- Find out whether Chrome console is open
- How to wait for requests and validate responses using playwright?
- Show Bootstrap Alert on Button Click via Javascript / jQuery
- How to post a file from a form with Axios
- Why doesn't Javascript handle divide by zero error in a try catch
- how can I add menu button in telegram bot
- Debounce in ReactJS
- Javascript question mark operator, multiple question marks
- Could not find a declaration file for module '@hookform/resolvers/zod'
- Stripe CLI trigger subscription failed event for a specifc customer
- Steps to send a https request to a rest service in Node js
- react jest confirming snapshot change
- Getting a list of all countries to using npm countries-list
- How do you limit the number of options selected in an HTML <select> element?
- Different sorting
- add an event listener on an element I've created in javascript
- Web Component not rendering when loaded from UNPKG CDN?
- Uncaught TypeError: Failed to resolve module specifier "react-router-dom". Relative references must start with either "/", "./", or "../"
- Javascript Date - set just the date, ignoring time?
- Form validate() method is not working with Vue 3 and Vuetify 3
- Running V8 Javascript Engine Standalone
- PHP - Extract frame during Video upload
- Can a PWA app be published to app store and play store
- How to check if a caught exception was thrown because of triggering an AbortController?
- Apollo Client: retrieving the results from a query with errors