已经根据文档提示 进行了很多尝试了。自己也百度了很久,但是一直都没有解决。IE一直是白屏。所以恳请大佬出招。~感谢!
c2e8gylq1#
说下我的解决办法
但这种方法是全局引入,按需引入一直报错= =
yshpjwxd2#
+1,也没有webpack.config.js
sg24os4d3#
我找了很久才解决,分享下1.修改babel.config.jsmodule.exports = { presets: [ [ '@vue/app', { 'useBuiltIns': 'entry', polyfills: [ 'es6.promise', 'es6.symbol' ] } ] ] }
module.exports = { presets: [ [ '@vue/app', { 'useBuiltIns': 'entry', polyfills: [ 'es6.promise', 'es6.symbol' ] } ] ] }
2.修改vue.config.js
config.entry.app = ['babel-polyfill', './src/main.js']
transpileDependencies: ['element-ui', 'vuex', 'vue-particles', 'moment', 'js-cookie']
3.如果以上还不行,在main.js最上面添加一下import 'babel-polyfill' import Es6Promise from 'es6-promise' Es6Promise.polyfill()
import 'babel-polyfill' import Es6Promise from 'es6-promise' Es6Promise.polyfill()
hiz5n14c4#
1.npm install --save @babel/polyfill //是带@版本的2.main.js代码最前面加入 import '@babel/polyfill' //最前面加入3.修改配置文件
编辑.babel.config.jsmodule.exports = { presets: '@vue/app',{ 'useBuiltIns': 'entry' }}编辑vue.config.js文件module.exports={transpileDependencies: ['element-ui', 'vuex', 'js-cookie'], // 与devserver同级,[]里面的是你在main.js中引入的包chainWebpack(config) {config.entry('polyfill').add('@babel/polyfill') // 增加这一句,如果报错,把这一句删掉}}不能使用tree-table-vue和v-org-tree
上面的运行如果报错only one instance of babel-polyfill is allowed,把 config.entry('polyfill').add('@babel/polyfill')这一句删掉
bvn4nwqk5#
按你的这个我成功了,多谢
ig9co6j16#
上面的方式我都试了。。都没成功
nhhxz33t7#
我的也是,请问你是怎么解决的?
zbq4xfa08#
说一下自己的解决办法,结合了上面几位的写法,目前测试没有问题1.修改main.jsimport 'babel-polyfill'2.修改vue.config.js
8条答案
按热度按时间c2e8gylq1#
说下我的解决办法
transpileDependencies: ['element-ui']
config.entry('main').add('babel-polyfill')
但这种方法是全局引入,按需引入一直报错= =
yshpjwxd2#
+1,也没有webpack.config.js
sg24os4d3#
我找了很久才解决,分享下
1.修改babel.config.js
module.exports = { presets: [ [ '@vue/app', { 'useBuiltIns': 'entry', polyfills: [ 'es6.promise', 'es6.symbol' ] } ] ] }
2.修改vue.config.js
config.entry.app = ['babel-polyfill', './src/main.js']
transpileDependencies: ['element-ui', 'vuex', 'vue-particles', 'moment', 'js-cookie']
3.如果以上还不行,在main.js最上面添加一下
import 'babel-polyfill' import Es6Promise from 'es6-promise' Es6Promise.polyfill()
hiz5n14c4#
1.npm install --save @babel/polyfill //是带@版本的
2.main.js代码最前面加入 import '@babel/polyfill' //最前面加入
3.修改配置文件
编辑.babel.config.js
module.exports = { presets: '@vue/app',
{ 'useBuiltIns': 'entry' }
}
编辑vue.config.js文件
module.exports={
transpileDependencies: ['element-ui', 'vuex', 'js-cookie'], // 与devserver同级,[]里面的是你在main.js中引入的包
chainWebpack(config) {
config.entry('polyfill').add('@babel/polyfill') // 增加这一句,如果报错,把这一句删掉
}
}
不能使用tree-table-vue和v-org-tree
上面的运行如果报错only one instance of babel-polyfill is allowed,把 config.entry('polyfill').add('@babel/polyfill')这一句删掉
bvn4nwqk5#
我找了很久才解决,分享下
1.修改babel.config.js
module.exports = { presets: [ [ '@vue/app', { 'useBuiltIns': 'entry', polyfills: [ 'es6.promise', 'es6.symbol' ] } ] ] }
2.修改vue.config.js
config.entry.app = ['babel-polyfill', './src/main.js']
transpileDependencies: ['element-ui', 'vuex', 'vue-particles', 'moment', 'js-cookie']
3.如果以上还不行,在main.js最上面添加一下
import 'babel-polyfill' import Es6Promise from 'es6-promise' Es6Promise.polyfill()
按你的这个我成功了,多谢
ig9co6j16#
上面的方式我都试了。。都没成功
nhhxz33t7#
上面的方式我都试了。。都没成功
我的也是,请问你是怎么解决的?
zbq4xfa08#
说一下自己的解决办法,结合了上面几位的写法,目前测试没有问题
1.修改main.js
import 'babel-polyfill'
2.修改vue.config.js
希望对大家有帮助