html中使用import(模块化)

html中使用import(模块化)

在服务器环境下使用模块化,而不是‘Alt+B’使用文件系统直接在浏览器运行项目

这种方式会在将你的代码跑在本地服务器上(http://127.0.0.1/)

如果是直接通过文件系统运行代码,会报错,这是FILE协议导致的跨域问题

from origin ‘null’ has been blocked by CORS policy: Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, chrome-untrusted, https.

在script标签里加上 type='module’

script标签的默认type属性是"text/javascript",将其typr设置为module,这样浏览器就会把引入的脚本识别为JS module,注意import的时候必须带上后缀名

示例代码

html部分

Document

a.js部分

const a = '1'

export {a}

相关推荐

猪肉发光原因汇总
365体育投注备用网站

猪肉发光原因汇总

📅 08-21 👁️ 2380
新疆种族灭绝指控
365视频直播

新疆种族灭绝指控

📅 08-20 👁️ 4257
砌砖工具:模板和工具
365体育投注备用网站

砌砖工具:模板和工具

📅 06-29 👁️ 1640