vue-element-admin 最新版本的项目,没有webpack.config.js文件,如何配置babel-polyfill?

wn9m85ua  于 4个月前  发布在  Webpack
关注(0)|答案(8)|浏览(99)

已经根据文档提示 进行了很多尝试了。自己也百度了很久,但是一直都没有解决。IE一直是白屏。
所以恳请大佬出招。~感谢!

c2e8gylq

c2e8gylq1#

说下我的解决办法

  1. npm install babel-polyfill --save
  2. 在vue.config.js下export中加入
    transpileDependencies: ['element-ui']
  3. 在chainWebpack中加入
    config.entry('main').add('babel-polyfill')
  4. 解决

但这种方法是全局引入,按需引入一直报错= =

yshpjwxd

yshpjwxd2#

+1,也没有webpack.config.js

sg24os4d

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']
  • 增加,注意下面这块,把main.js中你直接引用node_modules的模块都添加进来(主要是这里导致白屏)
    transpileDependencies: ['element-ui', 'vuex', 'vue-particles', 'moment', 'js-cookie']

3.如果以上还不行,在main.js最上面添加一下
import 'babel-polyfill' import Es6Promise from 'es6-promise' Es6Promise.polyfill()

hiz5n14c

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')这一句删掉

bvn4nwqk

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']
  • 增加,注意下面这块,把main.js中你直接引用node_modules的模块都添加进来(主要是这里导致白屏)
    transpileDependencies: ['element-ui', 'vuex', 'vue-particles', 'moment', 'js-cookie']

3.如果以上还不行,在main.js最上面添加一下
import 'babel-polyfill' import Es6Promise from 'es6-promise' Es6Promise.polyfill()

按你的这个我成功了,多谢

ig9co6j1

ig9co6j16#

上面的方式我都试了。。都没成功

nhhxz33t

nhhxz33t7#

上面的方式我都试了。。都没成功

我的也是,请问你是怎么解决的?

zbq4xfa0

zbq4xfa08#

说一下自己的解决办法,结合了上面几位的写法,目前测试没有问题
1.修改main.js
import 'babel-polyfill'
2.修改vue.config.js

  • 增加,transpileDependencies: ['element-ui']
  • 增加 chainWebpack(config) { config.entry('main').add('babel-polyfill') }
    希望对大家有帮助

相关问题