如何在script元素中使用import语句

如下，若在script元素当中直接使用import语句：

<script>
    import Particle from './src/particle.js';
</script>

浏览器（FF）控制台将提示：

SyntaxError: import declarations may only appear at top level of a module

给script元素设置type属性，值为“module”①即可解决：

<script type="module">
    import Particle from './src/particle.js';
</script>

但是这时问题又来了，控制台提示：

已拦截跨源请求：同源策略禁止读取位于 file:///D:/Weihong/Personal-projects/demo/particle/src/particle.js 的远程资源。（原因：CORS 请求不是 http）。详细了解

解决方法是开启http-server，在浏览器访问localhost，问题解决。