webpackでbuildしたら画面が真っ白。なんとかして表示させたいです。

前提・実現したいこと

■環境
os: windows10
node: 10.16.2
npm: 6.9.0
python: 3.7
Django: 2.2.4

プログラミング初心者です。
現在、Django, vue, vue-cli, webpackでWEBサービスを作ろうとしています。
vueの環境構築をしているのですが、buildしたファイルがどうやってもDOMに反映されません。

■実現したいこと
コンポーネントをDOMに反映させたい。

発生している問題・エラーメッセージ

コンポーネントが反映されずに、画面が真っ白になります。build.js自体は読み込めています。
以下、反映時のchromeで見たelementです。

element
1<body>
2 ↓これが原因だと思われます。
3 <!--function (a, b, c, d) {return createElement(vm, a, b, c, d, true);}
4 <script type="text/javascript" src="static/build.js"><script>
5</body>

該当のソースコード

html
1<!DOCTYPE html>
2<html lang="ja">
3  <head>
4    <meta charset="utf-8">
5    <title>my_app</title>
6    <link href="https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900" rel="stylesheet">
7  </head>
8  <body>
9    {% load render_bundle from webpack_loader %}
10    <div id="app">
11      <app></app>
12    </div>
13    {% render_bundle 'main' %}
14  </body>
15</html>
16

main.js
1import Vue from 'vue'
2import App from './App.vue'
3import router from '@/router'
4import store from '@/store'
5
6const app = new Vue({
7  el: '#app',
8  router,
9  store,
10  render: h => h(App)
11})

packagejson
1{
2  "name": "myapp",
3  "description": "A Vue.js project",
4  "version": "1.0.0",
5  "author": "me",
6  "license": "mit",
7  "private": true,
8  "scripts": {
9    "dev": "webpack --mode development",
10    "build": "webpack --mode production"
11  },
12  "dependencies": {
13    "@babel/core": "^7.5.5",
14    "@babel/preset-env": "^7.5.5",
15    "axios": "^0.19.0",
16    "fibers": "^4.0.1",
17    "rollup-plugin-alias": "^1.5.2",
18    "sass": "^1.22.10",
19    "style-loader": "^1.0.0",
20    "vue": "^2.6.10",
21    "vue-axios": "^2.1.4",
22    "vue-router": "^3.1.2",
23    "vuetify": "^2.0.7",
24    "vuetify-loader": "^1.3.0",
25    "vuex": "^3.1.1"
26  },
27  "browserslist": [
28    "> 1%",
29    "last 2 versions",
30    "not ie <= 8"
31  ],
32  "devDependencies": {
33    "babel-core": "^6.26.3",
34    "babel-loader": "^8.0.6",
35    "babel-preset-env": "^1.7.0",
36    "babel-preset-stage-3": "^6.24.1",
37    "cross-env": "^5.2.0",
38    "css-loader": "^3.2.0",
39    "file-loader": "^4.2.0",
40    "node-sass": "^4.12.0",
41    "sass-loader": "^7.2.0",
42    "vue-loader": "^15.7.1",
43    "vue-template-compiler": "^2.6.10",
44    "webpack": "^4.39.2",
45    "webpack-bundle-tracker": "^0.4.2-beta",
46    "webpack-cli": "^3.3.6",
47    "webpack-dev-middleware": "^3.7.0",
48    "webpack-dev-server": "^3.8.0",
49    "write-file-webpack-plugin": "^4.5.1"
50  },
51  "browser": {
52    "vue": "vue/dist/vue.common.js"
53  },
54  "alias": {
55    "vue": "./node_modules/vue/dist/vue.common.js"
56  }
57}
58

webpackconfigjson
1var path = require('path')
2var webpack = require('webpack')
3
4var BundleTracker = require('webpack-bundle-tracker')
5var WriteFilePlugin = require('write-file-webpack-plugin')
6var VuetifyLoaderPlugin = require('vuetify-loader/lib/plugin')
7var VueLoaderPlugin = require('vue-loader/lib/plugin')
8
9
10module.exports = {
11  entry: path.resolve(__dirname, './src/main.js'),
12  output: {
13    path: path.resolve(__dirname, './dist'),
14    publicPath: '/static/',
15    filename: 'build.js'
16  },
17  plugins: [
18    new BundleTracker({filename: 'webpack-stats.json'}),
19    new WriteFilePlugin(),
20    new VueLoaderPlugin,
21    new VuetifyLoaderPlugin(),
22  ],
23  module: {
24    rules: [
25      {
26        test: /.vue$/,
27        loader: "vue-loader"
28      },
29      {
30        test: /.css$/,
31        use: [
32          'vue-style-loader',
33          'css-loader'
34        ],
35      },
36      {
37        test: /.scss$/,
38        use: [
39          'vue-style-loader',
40          'css-loader',
41          'sass-loader'
42        ],
43      },
44      {
45        test: /.sass$/,
46        use: [
47          'vue-style-loader',
48          'css-loader',
49          'sass-loader?indentedSyntax'
50        ],
51      },
52      {
53        test: /.vue$/,
54        loader: 'vue-loader',
55        options: {
56          loaders: {
57            // Since sass-loader (weirdly) has SCSS as its default parse mode, we map
58            // the "scss" and "sass" values for the lang attribute to the right configs here.
59            // other preprocessors should work out of the box, no loader config like this necessary.
60            'scss': [
61              'vue-style-loader',
62              'css-loader',
63              'sass-loader'
64            ],
65            'sass': [
66              'vue-style-loader',
67              'css-loader',
68              'sass-loader?indentedSyntax'
69            ]
70          }
71          // other vue-loader options go here
72        }
73      },
74      {
75        test: /.(js|jsx)$/,
76        loader: 'babel-loader',
77        exclude: /node_modules/,
78		options: {
79			presets: [['@babel/preset-env', { modules: false }]]
80            }
81      },
82      {
83        test: /.(png|jpg|gif|svg)$/,
84        loader: 'file-loader',
85        options: {
86          name: '[name].[ext]?[hash]'
87        }
88      },
89      {
90      test: /.(css|sass)$/,
91      loader: ['node-sass', 'sass-loader']
92      },
93       {
94      test: /.s(c|a)ss$/,
95      use: [
96        'vue-style-loader',
97        'css-loader',
98        {
99          loader: 'sass-loader',
100          options: {
101            implementation: require('sass'),
102            fiber: require('fibers'),
103            indentedSyntax: true // optional
104          }
105        }
106      ]
107    },
108	]
109  },
110  resolve: {
111    alias: {
112      'vue$': 'vue/dist/vue.esm.js',
113      '@': path.resolve(__dirname, 'src'),
114    },
115    extensions: ['*', '.js', '.vue', '.json']
116  },
117  devServer: {
118    historyApiFallback: true,
119    noInfo: true,
120    overlay: true,
121    host: 'localhost',
122  },
123  performance: {
124    hints: false
125  },
126  devtool: '#eval-source-map'
127}