build lavas 失败_vue lavas的项目在IE下显示空白
问题描述
在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下显示空白相关推荐
- 解决vue项目在ie和360兼容模式下显示空白页问题
艰难路程 记一次bug解决,项目不复杂,是一个基于vue-cli3搭建的pc端项目,之前开发都是在谷歌浏览器上运行的,但在开发进入到后半段,经理说,项目需要在360兼容模式下展示,这时候发现项目在36 ...
- java web 项目在tomcat上显示空白页的解决
今天调试一java web项目,所有页面都显示空白,有如下的解决过程: 一 切换浏览器模式 tomcat打开页面是空白 用localhost:8080打开页面显示空白,以前用着没问题. 浏览器兼容性问 ...
- vue项目在IE中显示空白,报错:vuex requires a Promise polyfill in this browser
问题描述 vue项目在非IE内核的浏览器中显示正常,在IE内核浏览器中报错,并显示空白.报错如下: SCRIPT5022: [vuex] vuex requires a Promise polyfi ...
- vue 项目在ie 下出现空白
最近项目中遇到IE 下有空白的问题,网上查看了一些 使用babel-polyfill 这个插件 1.安装 npm install babel-polyfill 2.引入方式一 require(&quo ...
- vue系列之----项目在ie浏览器中空白
具体现象 使用vue-cli脚手架搭建的项目,[npm run dev]运行,在chrome下正常显示,ie下显示空白. 问题原因 IE9-IE11 不兼容ES6语法,promise语法 问题解决 1 ...
- python项目部署失败的原因_python项目环境部署(一)
postman:进行rest请求方式测试 nginx,supervisor,uwsgi/gunicorn 1.系统依赖包管理 https://github.com/bndr/preqs ubuntu命 ...
- android下拉刷新动画效果代码_vue项目实录:下拉刷新组件的开发及slot的使用
"下拉刷新"和"上滑加载更多"功能在前端.尤其是移动端项目中非常重要,这里笔者由曾经做过的vue项目中的"blink"功能和各位探讨下[下拉 ...
- vue检测是不是360浏览器兼容模式_Vue项目 IE/360浏览器兼容模式下打开空白的问题...
记一次bug解决 bug发现 项目不复杂,就是一个基于vue-cli3搭建的pc端项目 在开发进入后半段的时候发现在360浏览器兼容模式先显示空白而且没有报错,此类问题之前我写react在低版本的qq ...
- 打包后index.html路径错误,解决Vue项目打包后打开index.html页面显示空白以及图片路径错误的问题...
解决Vue项目打包后打开index.html页面显示空白以及图片路径错误的问题 2018年05月23日 10:05:35 for_weber 阅读数:14179 Vue项目运行npm run buil ...
- 后盾网lavarel视频项目---2、phpstorm显示类中的方法快捷键
后盾网lavarel视频项目---2.phpstorm显示类中的方法快捷键 一.总结 一句话总结: ctrl + f12 1.npm安装js插件? npm install hdjs 2.phpstor ...
最新文章
- outlook错配置账户到exchange后的删除办法
- Java8 Lambda总结
- 复盘线上的一次OOM和性能优化!
- Python CGI 编程 | 类FieldStorage的使用
- 【图像增强】基于matlab频域+密度分割+灰度级-彩色变换伪彩色图像增强【含Matlab源码 1011期】
- VS系列之【 产品密钥 – 所有版本】
- UVa 11137 - Ingenuous Cubrency
- 公募基金资格:社保、养老金、企业年金,三者有什么区别?
- 2013年国考行测错题集(省级)
- CS-Notes 知识清单 备战版
- 请问蓝牙设备如何测试?
- mac屏幕保护SaveHollywood安装方法
- mysql 改成 localhos_MySQL添加用户、删除用户与授权
- ♂【超全超详细】2W字零基础小白黑客学习路线,知识体系(附学习路线图)♂
- logging模块详细使用
- 知乎万赞:什么样的程序员在35岁以后依然被公司抢着要?打破程序员“中年危机”
- Signal信号处理
- html 怎么插入向上的箭头,如何在html中插入箭头?
- 计算机大学生职业规划结课论文,大学生职业规划结课论文要求
- 电子显示Display基础知识
热门文章
- SD nand flash 简单的读写速度测试
- ztek usb转串口 linux,Z-TEK USB转串口驱动下载
- 联想笔记本卸载McAfee
- 抖音群口令emoji表情转换群ID
- Spring中的ref和depends-on区别
- sprintf函数的用法linux,Linux 常用函数——sprintf函数
- 人机大战简史(第二版)
- [Android]大牛直播SDK基于unity3d平台的rtmp/rtsp直播播放端SDK接口说明...
- 推荐一款很好用的小说APP——追书神器
- 手把手教你破解无线路由器密码