webpack 大坑 ERROR in Template execution failed: ReferenceError: keyStr is not defined

  window.mystorage = {
        getItem: function (keyStr, cb) {
            var value = "";
            if (keyStr == "mobile_nextRootUrl") {
                value = "http://:8072/km"
            } else if (keyStr == "mobile_searchUrl") {
                value = "https:yunplatform/"
            } else if (keyStr == "mobile_docUrl") {
                value = "http://:8072/lua/download"
            } else if (keyStr == "mobile_iosUrl") {
                value = "http://0:8072/lua/iosview"
            } else if (keyStr == "mobile_nonce") {
                value = "8XzODXKc8XxcDXxNE"
            } else if (keyStr == "km_mobile_userName") {
                value = "张三"
            } else if (keyStr == "km_mobile_organizationId") {
                value = "43126"
            } else if (keyStr == "km_mobile_depId") {
                value = "23234"
            } else if (keyStr == "km_mobile_userId") {
                value = "172317"
            } else if (keyStr == "km_mobile_loginId") {
                value = "1256114"
            }
            // console.log(`keyStr:${keyStr}, value: ${value}`);//即使注释掉也报错 这里大坑提前写的话webpack识别不了keystr,没法打包
            cb(value)
        },

在html中写// console.log(`keyStr:${keyStr}, value: ${value}`);webpack无法翻译后来要传过来的值,打包报错

原因是,webpack打包最先执行,但是没有执行方法的话keyStr不是一个实际的值,是个变量,webpack无法翻译出来实际的值

Template execution failed: ReferenceError: document is not defined 这个错误表明在模板执行过程中发生了一个错误,错误信息为document is not defined。这个错误通常是由于在代码中尝试使用document对象,但是在当前的上下文中没有定义document对象所致。 根据提供的信息,可以看出你的错误可能与webpack打包配置有关。在你的index.html文件中,有一个<link rel="icon" href="<%=htmlWebpackPlugin.options.url%>favicon.ico"></link>的代码段,该代码段可能会尝试使用document对象。然而,由于webpack的打包过程中,document对象可能无法在服务器端运行时使用。这可能是导致错误的原因之一。 此外,还有一个<script src=<%= BASE_URL %>/tinymce4.7.***由于webpack的打包过程中,这段代码也可能无法正确执行。 要解决这个问题,你可以尝试将涉及到document对象的代码从模板中移出,并放置到适当的位置。你可以将这些代码放在适当的生命周期钩子函数中,例如在Vue组件的mounted钩子函数中。这样可以确保在浏览器环境中执行这些代码时,document对象已经定义好了。同时,你也可以使用Webpack的插件或者loader来处理这些特定的代码段,以适应打包的环境。具体的配置可以根据你的需求和项目的特点来确定。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* [打包报错ERROR in Template execution failed: ReferenceError: BASE_URL is not defined](https://blog.csdn.net/a1783118/article/details/131432872)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"] - *2* *3* [Template execution failed: ReferenceError: htmlWebpackPlugin is not defined](https://blog.csdn.net/zyj24685144/article/details/116303942)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值