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

MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1be7ee0-318d7.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1be7ee0-318d7.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?