[SalesForce] LWC1513: @salesforce/resourceUrl modules only support default imports

You seem to have incorrect syntax for importing the static resource in the JS. The approach for using 3rd party resource is to upload the static resource and then import it in your JS as below.

Import the Static Resource:

import resourceName from '@salesforce/resourceUrl/resourceName';

And then utilize loadStyle and loadScript to load those resources (JS and CSS) from lightning/platformResourceLoader:

import { loadStyle, loadScript } from 'lightning/platformResourceLoader';

Promise.all([
        loadScript(this, resourceName + '/xxx.js'),
        loadStyle(this, resourceName + '/xxx.css'),
])

Refer to the documentation for more details on the syntax and details.

The LWC compiler only resolves absolute import with the following form: <namespace-name>/<lwc-module-name>. Because of this, you can't directly import an NPM module via import d3 from 'd3';.

You have 2 options if you want to consume an es module from an lwc component:

• create a new lwc module (e.g. d3 with a d3.js) and then import your module from your lwc component via the standard import syntax: import d3 from 'c/d3'; (lwc-recipe). This approach should be avoided for large modules because they are sent and evaluated with your component and can create some performance issues.

• transform your es module to the UMD format and load it via a static resource (lwc-recipe). If the library attaches properties on the window object you should add them as globals to your .eslintrc.json to avoid linting errors.