How to use es6's import syntax directly by chrome

my Chrome version is 66.0.3359.139, and I want to use es syntax directly in js. Why can"t it succeed? I don"t want to use babel and webpack,. I just want to experiment with Chrome"s support for es.
my project structure is shown below:

index page introduces main.js
clipboard.png

main.jsperson.js
clipboard.png

person

clipboard.png

Mar.10,2021

try upgrading a later version of the browser:
https://caniuse.com/-sharpsearch=t.

66.0.3359.139


clipboard.png

clipboard.png

the webstorm, I use is not cross-domain, so it doesn't seem to work yet. It's true, but it's always loaded.
Thank you. I'll study it myself first.
@ Ash_Shen

Menu