chrome控制台里对于babel编译后的export和import会报语法错误？

Question

想使用一下es6里的import和export代替commonjs的模块化加载，就使用webpack和babel-loader打包了一下，下面是babel的options

sourcemap是

baseConf.devtool = 'cheap-module-eval-source-map';

在chrome里看一下init已经执行了，但是chrome控制台里会在import和export的地方报语法错误。这是为什么？怎么才能不报错？
是babel打包问题还是chrome不支持es6语法导致的呢？

Answer 1

刚刚我遇到了类似的问题，在script标签里面加个值为module的type属性就解决了

<script src="main.js" type="module"></script>