ES6-未能在本地主机和python服务器中加载模块

ES6-未能在本地主机和python服务器中加载模块,python,mime-types,es6-modules,httpserver,Python,Mime Types,Es6 Modules,Httpserver,我尝试学习和练习ES6模块。我创建了一个简单的项目 main.html <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge">

我尝试学习和练习ES6模块。我创建了一个简单的项目

main.html

<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
     <script type="module" src="main.js"></script>
</head>
<body></body>
</html>
这给了我一个错误

加载模块脚本失败:服务器以错误响应 “text/plain”的非JavaScript MIME类型。严格的MIME类型检查是必要的 根据HTML规范对模块脚本强制执行

我使用VS代码IDE,并使用

python-mhttp.server9200

Chrome版本:78.0.3904.97 Python版本:Python 3.7.0


我应该更改服务器还是浏览器?如何在本地运行它?

您应该更改(或重新配置)您的服务器,以便它为脚本提供适当的mime类型。它不应该是
import{PI,Sum}from./js/bk_math.js'
和.js吗?
import {PI, Sum} from './js/bk_math'
console.log("hello");