php - Symfony Webpack Encore ReferenceError: function is not defined
问题描述
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
解决方案
推荐阅读
- spring-boot - 多模块项目触发数据流管道时出错:无法将 url (jar:file:/home/java/app.war!/WEB-INF/classes!/) 转换为文件
- c# - 如何为组合框使用类似 ReadOnly 的样式
- javascript - 如何在 Angular 6 中使用异步获取 JSON 对象中的数据集合?
- java - java.text.annotation 有什么用?我已经参考了 java 文档,但无法掌握
- android - 移动设备中的 OpenSeaDragon FullScreenMode
- python - 如何永久停止并行运行的 django 后台任务?
- node.js - 在 Sequelize 中添加具有起始值的自动递增整数
- javascript - 如何防止表单通过 AJAX 验证提交
- azure-api-management - 2 个位置无法访问 Azure API 管理后端
- jenkins - 重启 Jenkins 流水线并调整参数