Skip to content

项目编译发布后访问报错 #8193

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Closed
1 task done
HuckOps opened this issue May 22, 2025 · 0 comments
Closed
1 task done

项目编译发布后访问报错 #8193

HuckOps opened this issue May 22, 2025 · 0 comments

Comments

@HuckOps
Copy link

HuckOps commented May 22, 2025

  • I have searched the issues of this repository and believe that this is not a duplicate.

Version

4.2.6

Environment

mac 15.5, node18.18.0, ci基础镜像为自封装debian10 node18.18.0,浏览器尝试过chrome多个版本,firefox多个版本

Reproduction link

https://127.0.0.1

Steps to reproduce

内部项目无法提供过多细节,大佬们需要其他信息的话我会及时提供

我的package.json文件是这样的

{
"name": "frontend",
"version": "0.1.0",
"private": true,
"scripts": {
"serve": "NODE_ENV=development vue-cli-service serve",
"build": "vue-cli-service build",
"lint": "vue-cli-service lint"
},
"dependencies": {
"@antv/g6": "^5.0.45",
"@antv/g6-extension-react": "^0.2.1",
"@antv/x6": "2.1.2",
"@antv/x6-vue-shape": "^2.1.2",
"@babel/plugin-transform-private-methods": "^7.25.9",
"@element-plus/icons-vue": "^2.1.0",
"ant-design-vue": "4.x",
"axios": "^1.8.4",
"codemirror": "^6.0.1",
"cookiejs": "^2.1.3",
"core-js": "^3.8.3",
"echarts": "^5.4.3",
"element-plus": "^2.3.9",
"element-ui": "^2.15.14",
"eslint-config-prettier": "^10.1.1",
"js-cookie": "^3.0.5",
"lodash-es": "^4.17.21",
"normalize-wheel": "^1.0.1",
"pinia": "^3.0.1",
"react": "^19.1.0",
"react-dom": "^19.1.0",
"vue": "^3.2.13",
"vue-codemirror": "^6.1.1",
"vue-eslint-parser": "^10.1.1",
"vue-router": "^4.2.4",
"vuera": "^0.2.7",
"vuex": "^4.1.0"
},
"devDependencies": {
"@babel/core": "^7.12.16",
"@babel/eslint-parser": "^7.12.16",
"@eslint/js": "^8.4.1",
"@typescript-eslint/eslint-plugin": "^8.29.0",
"@typescript-eslint/parser": "^8.29.0",
"@vue/cli-plugin-babel": "~5.0.0",
"@vue/cli-plugin-eslint": "~5.0.0",
"@vue/cli-service": "^5.0.8",
"eslint": "^8.4.1",
"eslint-plugin-vue": "^10.0.0",
"globals": "^16.0.0",
"handlebars": "^4.7.8",
"prettier": "^3.5.3"
},
"eslintConfig": {
"root": true,
"env": {
"node": true,
"vue/setup-compiler-macros": true
},
"extends": [
"plugin:vue/vue3-essential",
"eslint:recommended"
],
"parserOptions": {
"parser": "@babel/eslint-parser"
},
"rules": {
"vue/multi-word-component-names": "off"
}
},
"browserslist": [
"> 1%",
"last 2 versions",
"not dead",
"not ie 11"
]
}

vue.config.mjs是这样的

import { defineConfig } from '@vue/cli-service';

export const proxyConfig = {
};

const defatltProxy = {

};

export default defineConfig({
transpileDependencies: [
'ml-matrix',
'ant-design-vue',
'@babel/runtime',
/node_modules[\\/]@babel[\\/]runtime/, // 显式包含babel运行时路径
],
chainWebpack: config => {
config.module
.rule('js')
.use('babel-loader')
.tap(options => {
options.plugins = options.plugins || [];
options.plugins.push(
'@babel/plugin-transform-private-methods',
'@babel/plugin-transform-modules-commonjs' // 添加模块转换插件
);
return options;
});

config.module
.rule('mjs')
.test(/\.mjs$/)
.include.add(/node_modules/)
.end()
.type('javascript/auto');
},
devServer: {
// eslint-disable-next-line no-undef
proxy:
// eslint-disable-next-line no-undef
{ ...proxyConfig[process.env.NODE_ENV], ...defatltProxy } || defatltProxy,
},
configureWebpack: {
module: {
rules: [
{
test: /\.mjs$/,
include: /node_modules/,
type: 'javascript/auto',
},
],
},
resolve: {
extensions: ['.mjs', '.js', '.vue', '.json'],
},
},
});

编译命令为RUN yarn install --registry https://registry.npmmirror.com --production=false && \ NODE_ENV=${NODE_ENV} yarn build,在gitlab runner中使用上述镜像进行打包,打包文件直接放入nginx中

What is expected?

用户正常访问

What is actually happening?

用户访问前端时console出现报错:

objectSpread2.js:4
Uncaught ReferenceError: exports is not defined
at eval (objectSpread2.js:4:23)
at ./node_modules/@babel/runtime/helpers/esm/objectSpread2.js (app.js:17520:1)
at __webpack_require__ (app.js:45838:42)
at eval (index.js:8:45)
at ./node_modules/ant-design-vue/es/affix/index.js (app.js:18936:1)
at __webpack_require__ (app.js:45838:42)
at eval (components.js:836:37)
at ./node_modules/ant-design-vue/es/components.js (app.js:19684:1)
at __webpack_require__ (app.js:45838:42)
at eval (index.js:35:42)
@HuckOps HuckOps closed this as completed May 30, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant