DataV icon indicating copy to clipboard operation
DataV copied to clipboard

IE浏览器控制台报错,Vue项目打包后在IE浏览器报错

Open wuchubuzai2018 opened this issue 4 years ago • 8 comments

Bug report

出现Bug的组件?

边框容器

组件配置数据?

控制台错误输出?

Vue项目使用后,打包输出mainfest的js有错误,造成页面无法显示,去掉dataview的调用代码则可以,不知道是不是哪里有冲突影响了 SyntaxError: missing : after property id

...""}),methods:{async autoResizeMixinInit(){const{initWH:t,getDebounceInitWHFun:e
TypeError: e[n] is undefined
 
--
 

期望情况?

使用边框容器在IE11和Firefox49浏览器下好使

实际情况?

目前不好使

其他相关信息

  • DataV版本:最新版
  • 浏览器版本:IE11
  • 其他

wuchubuzai2018 avatar May 21 '20 05:05 wuchubuzai2018

主要用了以下这几个就会 import { loading,borderBox12,borderBox11 } from '@jiaminghi/data-view'

Vue.use(loading) Vue.use(borderBox12) Vue.use(borderBox11)

wuchubuzai2018 avatar May 21 '20 06:05 wuchubuzai2018

源码暂时没有转ES5,可以配置vue,把组件库纳入babel编译,具体可查看vue cli

jiaming743 avatar May 22 '20 04:05 jiaming743

resolve('node_modules/@jiaminghi')是这样配置吗? 编辑时会报错 ./node_modules/@jiaminghi/c-render/lib/plugin/util.js Module build failed: ReferenceError: Unknown plugin "@babel/plugin-transform-runtime" specified in "D:\git\datava\node_modules\@jiaminghi\c-render\.babelrc" at 0, attempted to resolve relative to "D:\git\datava\node_modules\@jiaminghi\c-render"

lvhaiboimufe avatar Jul 01 '20 03:07 lvhaiboimufe

如果是用的Vue Cli 3及以上版本, vue.config.js中做如下配置(执行npm run build时对node_modules下@jiaminghi文件夹中的文件进行编译转换为ES5):

module.exports = { transpileDependencies: ['@jiaminghi/*'] };

默认情况下, babel编译是忽略node_modules下的所有文件(夹)的, 所以还是建议作者对源码进行ES5转换, 避免更多人踩坑 :)

mike652638 avatar Jul 07 '20 07:07 mike652638

如果是用的Vue Cli 3及以上版本, vue.config.js中做如下配置(执行npm run build时对node_modules下@jiaminghi文件夹中的文件进行编译转换为ES5):

module.exports = { transpileDependencies: ['@jiaminghi/*'] };

默认情况下, babel编译是忽略node_modules下的所有文件(夹)的, 所以还是建议作者对源码进行ES5转换, 避免更多人踩坑 :)

如果是用的Vue Cli 3及以上版本, vue.config.js中做如下配置(执行npm run build时对node_modules下@jiaminghi文件夹中的文件进行编译转换为ES5):

module.exports = { transpileDependencies: ['@jiaminghi/*'] };

默认情况下, babel编译是忽略node_modules下的所有文件(夹)的, 所以还是建议作者对源码进行ES5转换, 避免更多人踩坑 :)

我不知道别人的行不行,反正之前我也是在网上搜索了下,如何处理这个问题,结果没有弄好,使用这个办法 ,OK了,感谢感谢,同时也非常感谢dataV的开发人员,谢谢啦

lovexiaowei avatar Jul 08 '20 06:07 lovexiaowei

如果当前的环境是Vue Cli2,用Babel怎么写呀

wuchubuzai2018 avatar Jul 15 '20 03:07 wuchubuzai2018

不知道为啥,我使用了transpileDependencies:['@jiaminghi/*'],预生产打包,导致 exports is not defined

yegdynrs avatar Dec 22 '21 03:12 yegdynrs

如果是用的Vue Cli 3及以上版本, vue.config.js中做如下配置(执行npm run build时对node_modules下@jiaminghi文件夹中的文件进行编译转换为ES5):

module.exports = { transpileDependencies: ['@jiaminghi/*'] };

默认情况下, babel编译是忽略node_modules下的所有文件(夹)的, 所以还是建议作者对源码进行ES5转换, 避免更多人踩坑 :) 采用上述方式,还是报错 {name:"DvDigitalFlop",props:{config:{type:Object,default:()=>({})}},data(){return{renderer:null

191895011 avatar Apr 28 '22 10:04 191895011