webpack打包vue成功，运行却报错

#使用webpack打包vue成功运行报错

index.html代码：

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
    </head>
    <body>
        <script src="../dist/bundle.js" type="text/jscript" charset="utf-8"></script>
        <div id="app">
            <h2>{{message}}</h2>
        </div>
    </body>
</html>

依赖配置：

img

配置：

img

index.js代码：

import Vue from 'vue';
const App = new Vue({
    el:'#app',
    data:{
        message:'vue',
    }
});

#报错：

img

不知道是webpack的配置问题还是代码问题，谢谢！

1.能不能正常运行
2.你的index.js的完整代码截图，问题应该在你的index.js文件没有正确导出