Error in Windows 10 Platform at Import

[Kreminskyi]

c:\xampp\htdocs\dev-server>npm start

@web/demo-lit-element@0.1.0 start
web-dev-server --open demo/ --node-resolve

Web Dev Server started...

Root dir: c:\xampp\htdocs\dev-server
Local: http://localhost:8000/demo/
Network: http://172.16.33.19:8000/demo/

Error while transforming my-element.js:

Resolved ./src/MyElement.js to C:\xampp\htdocs\dev-server\src\MyElement.js.

This path could not be converted to a browser path. Please file an issue with a reproduction.

1 | import { MyElement } from './src/MyElement.js';
| ^
2 |
3 | window.customElements.define('my-element', MyElement);
4 |

---

C:\Users\user>nvm ls

• 16.2.0 (Currently using 64-bit executable)
  14.17.0

[jhbre]

I had the same issue. The comparison of the root directory and the resolved paths are case sensitive but the root directory is defaulted to lower case where the resolved paths are mixed case. I added a rootDir option to my config file to force it to a mixed case path.

// web-dev-server.config.mjs
import fs from 'fs';

export default {
open: true,
watch: true,
appIndex: 'index.html',
nodeResolve: true,
rootDir: fs.realpathSync.native(process.cwd())
};