我已经在Symfony 4中安装了一个VueJS项目,但是当我有错误的等待和异步时,我很惊讶(未定义的Regeneratorror:Regeneratorrruntime(
(我为WebPack找到了很多信息,但没有WebPack Encore
https://github.com/babel/babel/issues/5085
webpack.config.js带有webpack encore(Symfony 4(的配置是什么?
您也可以使用babel插件,而无需更改webpack config
babel-plugin-transform-assync-to-generator
https://babeljs.io/docs/plugins/transform-async-to-generator/
例如。我们.babelrc配置的一部分:
{
"presets": ["es2015"],
"plugins": [
"transform-async-to-generator"
],
}
根据https://babeljs.io/docs/en/babel-polyfill
import "core-js/stable";
import "regenerator-runtime/runtime";
这与webpack Encore
解决方案是
.configureBabel(function(babelConfig) {
babelConfig.presets = ['es2015','stage-2']
babelConfig.plugins = ['transform-runtime']
})
文件的所有内容
var Encore = require('@symfony/webpack-encore');
Encore
// the project directory where compiled assets will be stored
.setOutputPath('public/build/')
// the public path used by the web server to access the previous directory
.setPublicPath('/build')
.cleanupOutputBeforeBuild()
//.createSharedEntry('assets', ['babel-polyfill'])
.enableSourceMaps(!Encore.isProduction())
// uncomment to create hashed filenames (e.g. app.abc123.css)
// .enableVersioning(Encore.isProduction())
// uncomment to define the assets of the project
.addEntry('js/app', './assets/js/app.js')
.addEntry('vue', './assets/js/Vue/main.js')
.addStyleEntry('css/app', './assets/scss/style.scss')
.addStyleEntry('css/vue', './assets/scss/vue.scss')
// uncomment if you use Sass/SCSS files
.enableSassLoader()
.autoProvidejQuery()
.enableVueLoader()
.enableSassLoader(function(sassOptions) {}, {
resolveUrlLoader: false
})
.configureBabel(function(babelConfig) {
babelConfig.presets = ['es2015','stage-2']
babelConfig.plugins = ['transform-runtime']
})
;
module.exports = Encore.getWebpackConfig();
当然,您必须安装软件包
npm install babel-preset-stage-2
npm install babel-preset-es2015 (or es2017)
npm install babel-plugin-transform-runtime