首页 > 其他分享 >[踩坑回顾]前端项目打包编译之后,页面访问异常:exports is not defined.

[踩坑回顾]前端项目打包编译之后,页面访问异常:exports is not defined.

时间:2024-03-21 14:55:32浏览次数:21  
标签:xml npm exports defined 编译 pom 使用 打包 页面

周一遇到的问题,是qiankun框架的一个vue2子项目,使用yudao开源框架二次开发。

 

排查:

1. 开发环境正常。

2. 项目迁移前使用的babel、package配置均未被使用过。

3. 考虑打包使用的命令错误。发现未按照官方教程使用npm进行编译,后端同事用pom.xml文件使用pnpm命令进行编译。

 

解决:

1. 删去pom.xml中的打包配置,使用Jenkins中的npm进行编译。

2. 也可以直接把pom.xml中的pnpm换成npm进行编辑。

3. 注意:pom.xml如果要写注释,注释的内容不能包含有 --  否则会报错。

标签:xml,npm,exports,defined,编译,pom,使用,打包,页面
From: https://www.cnblogs.com/ximu1009/p/18087383

相关文章

  • Nginx 配置访问 swagger 页面
    假设SpringBoot的应用部署在http://192.168.1.15:8093上,nginx.conf配置文件里面增加如下配置location~^/swagger/(.*){proxy_redirectoff;#proxy_set_headerHost$host;proxy_set_headerHost$host:$server_port;#添加:$server_portproxy_set_headerX-Real-IP......
  • js实现页面滚动至指定位置
    实现思路:1、通过判断链接是否有某参数,来决定是否展示第二屏页面2、用offset来获取第二屏与文档顶部距离3、用scrollTop将滚动条滚动至第二屏位置if(location.href.indexOf('part')!=-1){$('html,body').animate({scrollTop:$('.bg2').offset().top},800);}一、offs......
  • Salesforce LWC学习(四十九) RefreshView API实现标准页面更新,自定义组件自动捕捉更新
    本篇参考: https://developer.salesforce.com/docs/platform/lwc/guide/data-refreshview.htmlhttps://developer.salesforce.com/docs/platform/lwc/guide/reference-lightning-refreshview.htmlhttps://trailhead.salesforce.com/trailblazer-community/feed/0D54V00007KX6dA......
  • html页面中如何发送ajax请求
    ajax简介Ajax,全称“AsynchronousJavaScriptandXML”(异步JavaScript和XML),是一种用于创建交互式网页应用的网页开发技术。它允许浏览器与服务器之间进行异步数据交互,可以在不重新加载整个页面的情况下,更新页面的部分内容。AJAX的关键技术XMLHttpRequest(简称XHR):这是浏览器......
  • 使用 html 页面编辑精确定位文本文件选中
    如下是一个实例,实现了文本的换行,选中以及滚动到选中文本位置的功能?<htmlstyle='height:100%;'><head><metacharset='UTF-8'/></head><bodystyle='height:100%;padding:0;margin:0;border-width:0;'><divid="cont......
  • 基于Html对父页面打开子页面Dialog()的使用
    1、背景:​ 作者在写项目的时候,遇到了一个很坑的问题,项目前端基于QUI,但是大部分是js+css实现。​ 有一个功能:列表页面使用Dialog()组件打开编辑、新增窗体,编辑、新增窗体点击提交关闭窗体,能够刷新列表页面,无论怎么百度就是找不到可以实现的方法,最终功夫不负有心人,终于找到了一......
  • 第四章总结(页面组件)
    4.1组件的定义及属性   组件是页面视图层(WXML)的基本组成单元,组件组合可以构建功能强大的页面结构。小程序框架为开发者提供了容器视图、基础内容、表单、导航、多媒体、地图、画布、开放能力等8类(30多个)基础组件。   每一个组件都由一对标签组成,有开......
  • ssts-hospital-web-master项目实战记录五十:项目迁移-页面模块实现(主框架-文件结构)
    记录时间:2024-03-20文件结构 翻译搜索复制......
  • pinia在登录页面持久化存储
    安装pinianpminstallpinia创建一个store/index.jsimport{createPinia}from'pinia'//从pinia模块导入createPinia函数。Pinia是Vue.js的一个状态管理库,createPinia函数用于创建一个新的Pinia实例importpiniaPluginPersistfrom'pinia-plugin-persist'//pinia-plug......
  • VUE前端打包报错:TypeError: Class extends value undefined is not a constructor or
    在执行npmrunbuild的时候遇到了错误:TypeError:Classextendsvalueundefinedisnotaconstructorornull;而执行npmrunserve是可以正常执行的,报错如下:buildingforproduction...ERRORTypeError:ClassextendsvalueundefinedisnotaconstructorornullTypeErr......