如何在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,问题解决。
①.https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Statements/import