vue lavas的项目在IE下显示空白

Question

问题描述

在IE下显示空白页面，具体错误信息如下：
图片描述

问题出现的环境背景及自己尝试过哪些方法

npm install --save babel-polyfill

在入口处增加

import 'babel-polyfill'

下面的代码我不知道加在什么位置

module.exports = {
  entry: ["babel-polyfill", "./app/js"]
};

相关代码

我的项目目录：

• core

  • app.js(入口文件)
  • APP.vue
• lavas.config.js
• ecosystem.config.js

app.js 代码

/**
 * @file entry
 * @author 
 */
import 'babel-polyfill'
import Vue from 'vue'
import Meta from 'vue-meta'
import i18n from '@/front-core/lib/i18n'
import chart from '@/front-core/lib/chart'
import CountTo from 'vue-count-to'

import Color from 'color'

import { createRouter } from '@/.lavas/router'
import { createStore } from '@/.lavas/store'
import AppComponent from './App.vue'
import fly from '@/fetch'

// 图表样式
import chartTheme from '@/assets/stylus/chart.theme'

import './element-ui'

Vue.use(Meta)
Vue.prototype['$http'] = fly

// 注册全局color
Vue.Color = Vue.prototype['$Color'] = Color

Vue.config.productionTip = false

export const version = (Vue.prototype.version = 'mvp')

export function createApp() {
    let router = createRouter()

    let store = createStore()
    let App = Vue.extend({
        router,
        store,
        ...AppComponent
    })
    return { App, router, store }
}

if (module['hot']) {
    module['hot'].accept()
}

lavas.config.js 代码

'use strict'

const path = require('path')
const BUILD_PATH = path.resolve(__dirname, 'dist')
const isDev = process.env.NODE_ENV === 'development'
module.exports = {
    build: {
        ssr: false,
        path: BUILD_PATH,
        publicPath: '/',
        ssrCopy: isDev
            ? []
            : [
                  {
                      src: 'server.prod.js'
                  },
                  {
                      src: 'package.json'
                  }
              ],
        watch: ['/front-core', '/store'],
        extend(config, { type }) {
            if (type === 'base') {
                config.module.rules.push({
                    test: /\.json$/,
                    use: 'json-loader'
                })
            }
        }
    },
    middleware: {
        all: ['viewer']
    },
    //重写路由配置项
    router: {
        mode: 'history',
        base: '/',
        pageTransition: {
            type: 'fade',
            transitionClass: 'fade'
        },
        // routes 包括一个类型自动转的部分
        routes: [
            {
                pattern: new RegExp(`\\/_id`),
                lazyLoading: true,
                chunkname: '_id',
                meta: {
                    template: '_id'
                }
            }
        ]
    },

    serviceWorker: {
        swSrc: path.join(__dirname, 'core/service-worker.js'),
        swDest: path.join(BUILD_PATH, 'service-worker.js'),
        // swPath: '/custom_path/', // specify custom serveice worker file's path, default is publicPath
        globDirectory: BUILD_PATH,
        globPatterns: ['**/*.{html,js,css,eot,svg,ttf,woff}'],
        globIgnores: ['sw-register.js', '**/*.map'],
        appshellUrl: '/appshell',
        dontCacheBustUrlsMatching: /\.\w{8}\./
    }
}

你期待的结果是什么？实际看到的错误信息又是什么？

兼容IE即可，目前除了IE其他浏览器均兼容

Answer 1

根据你的评论，
首先第一个报错，Expected ')' vendor.js
说有个括号不对劲，其他浏览器可以用么？这些报错应该都有直接指向代码的链接，点击看看什么代码出错。

然后第二个打包后的问题，Const must be initialized 是说有个 const 没有初始化，如果代码没有问题，
那么应该是你的 const 用在 for of 循环for(const a of [1, 2, 3])
IE 是不支持这样用的，let 也一样
参考 https://kangax.github.io/comp...

最后 Unable to get property 'call' of undefined or null reference 不知道是不是同一处，如果是另外一个报错，那么像第一个一样，直接点进去看看什么问题就好了。