问题描述

在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其他浏览器均兼容

build lavas 失败_vue lavas的项目在IE下显示空白相关推荐

  1. 解决vue项目在ie和360兼容模式下显示空白页问题

    艰难路程 记一次bug解决,项目不复杂,是一个基于vue-cli3搭建的pc端项目,之前开发都是在谷歌浏览器上运行的,但在开发进入到后半段,经理说,项目需要在360兼容模式下展示,这时候发现项目在36 ...

  2. java web 项目在tomcat上显示空白页的解决

    今天调试一java web项目,所有页面都显示空白,有如下的解决过程: 一 切换浏览器模式 tomcat打开页面是空白 用localhost:8080打开页面显示空白,以前用着没问题. 浏览器兼容性问 ...

  3. vue项目在IE中显示空白,报错:vuex requires a Promise polyfill in this browser

    问题描述 vue项目在非IE内核的浏览器中显示正常,在IE内核浏览器中报错,并显示空白.报错如下: SCRIPT5022:  [vuex] vuex requires a Promise polyfi ...

  4. vue 项目在ie 下出现空白

    最近项目中遇到IE 下有空白的问题,网上查看了一些 使用babel-polyfill 这个插件 1.安装 npm install babel-polyfill 2.引入方式一 require(&quo ...

  5. vue系列之----项目在ie浏览器中空白

    具体现象 使用vue-cli脚手架搭建的项目,[npm run dev]运行,在chrome下正常显示,ie下显示空白. 问题原因 IE9-IE11 不兼容ES6语法,promise语法 问题解决 1 ...

  6. python项目部署失败的原因_python项目环境部署(一)

    postman:进行rest请求方式测试 nginx,supervisor,uwsgi/gunicorn 1.系统依赖包管理 https://github.com/bndr/preqs ubuntu命 ...

  7. android下拉刷新动画效果代码_vue项目实录:下拉刷新组件的开发及slot的使用

    "下拉刷新"和"上滑加载更多"功能在前端.尤其是移动端项目中非常重要,这里笔者由曾经做过的vue项目中的"blink"功能和各位探讨下[下拉 ...

  8. vue检测是不是360浏览器兼容模式_Vue项目 IE/360浏览器兼容模式下打开空白的问题...

    记一次bug解决 bug发现 项目不复杂,就是一个基于vue-cli3搭建的pc端项目 在开发进入后半段的时候发现在360浏览器兼容模式先显示空白而且没有报错,此类问题之前我写react在低版本的qq ...

  9. 打包后index.html路径错误,解决Vue项目打包后打开index.html页面显示空白以及图片路径错误的问题...

    解决Vue项目打包后打开index.html页面显示空白以及图片路径错误的问题 2018年05月23日 10:05:35 for_weber 阅读数:14179 Vue项目运行npm run buil ...

  10. 后盾网lavarel视频项目---2、phpstorm显示类中的方法快捷键

    后盾网lavarel视频项目---2.phpstorm显示类中的方法快捷键 一.总结 一句话总结: ctrl + f12 1.npm安装js插件? npm install hdjs 2.phpstor ...

最新文章

  1. outlook错配置账户到exchange后的删除办法
  2. Java8 Lambda总结
  3. 复盘线上的一次OOM和性能优化!
  4. Python CGI 编程 | 类FieldStorage的使用
  5. 【图像增强】基于matlab频域+密度分割+灰度级-彩色变换伪彩色图像增强【含Matlab源码 1011期】
  6. VS系列之【 产品密钥 – 所有版本】
  7. UVa 11137 - Ingenuous Cubrency
  8. 公募基金资格:社保、养老金、企业年金,三者有什么区别?
  9. 2013年国考行测错题集(省级)
  10. CS-Notes 知识清单 备战版
  11. 请问蓝牙设备如何测试?
  12. mac屏幕保护SaveHollywood安装方法
  13. mysql 改成 localhos_MySQL添加用户、删除用户与授权
  14. ♂【超全超详细】2W字零基础小白黑客学习路线,知识体系(附学习路线图)♂
  15. logging模块详细使用
  16. 知乎万赞:什么样的程序员在35岁以后依然被公司抢着要?打破程序员“中年危机”
  17. Signal信号处理
  18. html 怎么插入向上的箭头,如何在html中插入箭头?
  19. 计算机大学生职业规划结课论文,大学生职业规划结课论文要求
  20. 电子显示Display基础知识

热门文章

  1. SD nand flash 简单的读写速度测试
  2. ztek usb转串口 linux,Z-TEK USB转串口驱动下载
  3. 联想笔记本卸载McAfee
  4. 抖音群口令emoji表情转换群ID
  5. Spring中的ref和depends-on区别
  6. sprintf函数的用法linux,Linux 常用函数——sprintf函数
  7. 人机大战简史(第二版)
  8. [Android]大牛直播SDK基于unity3d平台的rtmp/rtsp直播播放端SDK接口说明...
  9. 推荐一款很好用的小说APP——追书神器
  10. 手把手教你破解无线路由器密码