在不使用脚手架情况下,页面引入的js文件中包含ES6 的 import,浏览器无法识别导致不生效。
解决方法:
1、在页面入口引入JS文件时,给script标签添加type属性:
<script src="./index.js" type="module"></script>
2、不论是这里的script标签的src属性,或是js文件中的import都应该使用相对路径,如:"./",并且都需要加上后缀名 ".js"
3、需要解决跨域,在服务器上运行:
如vscode:安装Live Server 插件, 安装成功后打开要使用的页面,并点击vscode下方的 " Go Live " 启动本地服务,即可使用。
网友评论