m***@126.com
m***@126.com
  • 发布:2022-02-09 09:41
  • 更新:2022-02-09 09:41
  • 阅读:658

【报Bug】vue.config.js中添加externals选项后,app打包后不调用app.vue白屏

分类:uni-app

产品分类: uniapp/App

PC开发环境操作系统: Windows

PC开发环境操作系统版本号: windows7

手机系统: Android

手机系统版本号: Android 8.0

手机厂商: 华为

手机机型: 小米mix3

页面类型: vue

vue版本: vue2

打包方式: 云端

项目创建方式: CLI

CLI版本号: 2.0.1

示例代码:

···
module.exports = {
configureWebpack: {
plugins: [
new CopyWebpackPlugin(copyList),
cssAppend,
we7Append,
removeOtiose,
new Dotenv(),
noPlugins
],
// 不能使用externals否则打包app白屏
// externals: [
// // function (context, request, callback) {
// // if (request == 'siteInfo') {
// // if (process.env.UNI_PLATFORM === 'h5' || process.env.UNI_PLATFORM === 'app-plus') {
// // // Externalize to a commonjs module using the request path
// // return callback(null, 'siteInfo');
// // } else {
// // return callback(null, 'commonjs2 ../siteInfo.js');
// // }
// // } else {
// // callback();
// // }
// // },
// // function (context, request, callback) {
// // if (request == 'appVersion') {
// // if (process.env.UNI_PLATFORM === 'h5' || process.env.UNI_PLATFORM === 'app-plus') {
// // // Externalize to a commonjs module using the request path
// // return callback(null, 'appVersion');
// // } else {
// // return callback(null, 'commonjs2 ../version.js');
// // }
// // } else {
// // callback();
// // }
// // },
// ],
devServer: {
port: 8186,
// bonjour: true,
host: "localhost",
sockHost: "dcxz.todolists.cn",
sockPort: "443",
disableHostCheck: true,
transportMode: {
client: "ws",
server: "ws",
},
inline: true,
},
}
};
···

操作步骤:

···
module.exports = {
configureWebpack: {
plugins: [
new CopyWebpackPlugin(copyList),
cssAppend,
we7Append,
removeOtiose,
new Dotenv(),
noPlugins
],
// 不能使用externals否则打包app白屏
// externals: [
// // function (context, request, callback) {
// // if (request == 'siteInfo') {
// // if (process.env.UNI_PLATFORM === 'h5' || process.env.UNI_PLATFORM === 'app-plus') {
// // // Externalize to a commonjs module using the request path
// // return callback(null, 'siteInfo');
// // } else {
// // return callback(null, 'commonjs2 ../siteInfo.js');
// // }
// // } else {
// // callback();
// // }
// // },
// // function (context, request, callback) {
// // if (request == 'appVersion') {
// // if (process.env.UNI_PLATFORM === 'h5' || process.env.UNI_PLATFORM === 'app-plus') {
// // // Externalize to a commonjs module using the request path
// // return callback(null, 'appVersion');
// // } else {
// // return callback(null, 'commonjs2 ../version.js');
// // }
// // } else {
// // callback();
// // }
// // },
// ],
devServer: {
port: 8186,
// bonjour: true,
host: "localhost",
sockHost: "dcxz.todolists.cn",
sockPort: "443",
disableHostCheck: true,
transportMode: {
client: "ws",
server: "ws",
},
inline: true,
},
}
};
···

预期结果:

不白屏

实际结果:

不调用app.vue 白屏

bug描述:

【报Bug】vue.config.js中添加externals选项后,app打包后不调用app.vue白屏

2022-02-09 09:41 负责人:无 分享
已邀请:

该问题目前已经被锁定, 无法添加新回复