Symfony Webpack Encore ReferenceError:函数未定义

我在Symfony 4应用程序中使用Webpack Encore。 现在的问题是我所需的js文件无效。 下面是代码</ p>

webpack.config.js </ strong> </ p>

  const Encore = require('@ symfony /  webpack-encore'); 

Encore
.setOutputPath('public / build /')
.setPublicPath('/ build')
.addEntry('app','。/ entry / app.js' )

.enableSingleRuntimeChunk()
.cleanupOutputBeforeBuild()
.enableSourceMaps(!Encore.isProduction())
.enableVersioning(Encore.isProduction())
;

module.exports = Encore。 getWebpackConfig();
</代码> </ PRE>

<强> app.js </强> </ p>

 <代码>要求(” ..  /public/assets/js/custom/common.js');
require('../public/assets/js/page1.js');

common.js </ strong> </ p>

  function showLoader(){
//....
}
nnnfunction hideLoader(){\ n //....
}

.......


nn

page1.js</ p>

  .... 
showLoader();
</ code> </ pre>

当我使用 app.js < / code>文件在我的html中并运行页面然后它在控制台中抛出错误</ p>
\ n

  page1.js:1未捕获的ReferenceError:未定义showLoader 
在Object ../ public / assets / js / page1.js(page1.js:1)
at webpack_require(bootstrap:79) )
at Object ../ entry / app.js(app.js:2)
at webpack_require(bootstrap:79)
at checkDeferredModules(bootstrap:45)
at Array.webpackJsonpCallback [as push](bootstrap) :32)
在app.js?version = 10:1
</ code> </ pre>

我不想将module.exports用作我的 common.js < / code>有50多个函数</ p>
</ div>

展开原文

原文

I'm using Webpack Encore in my Symfony 4 application. Now issue is that my required js file is not working. Below is the code

webpack.config.js

const Encore = require('@symfony/webpack-encore');

Encore
    .setOutputPath('public/build/')
    .setPublicPath('/build')   
    .addEntry('app', './entry/app.js')

    .enableSingleRuntimeChunk()
    .cleanupOutputBeforeBuild()
    .enableSourceMaps(!Encore.isProduction())   
    .enableVersioning(Encore.isProduction())   
;

module.exports = Encore.getWebpackConfig();

app.js

require('../public/assets/js/custom/common.js');
require('../public/assets/js/page1.js');

common.js

function showLoader() {
    //....
}

function hideLoader() {
    //....
}

.......

page1.js

....
showLoader();

and when I use my app.js file in my html and run the page then it throws an error in console

page1.js:1 Uncaught ReferenceError: showLoader is not defined
    at Object../public/assets/js/page1.js (page1.js:1)
    at __webpack_require__ (bootstrap:79)
    at Object../entry/app.js (app.js:2)
    at __webpack_require__ (bootstrap:79)
    at checkDeferredModules (bootstrap:45)
    at Array.webpackJsonpCallback [as push] (bootstrap:32)
    at app.js?version=10:1

I do not want to use module.exports as my common.js has 50+ functions

dpjjmo3079
dpjjmo3079 common.js应该导入全球而不是单页,这就是原因
大约一年之前 回复
drxkx6149
drxkx6149 你不是简单地忘记在page1.js上导入common.js吗?
大约一年之前 回复
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
立即提问