Saber 打包添加版本日期时间戳后yarn serve报错

Saber 已结

关注举报

 1  931

北京智鼎优源剑圣 2021-04-01 09:24

参考本链接帖子

[客户端浏览器缓存未更新](https://sns.bladex.cn/q-4150.html)

实现打包含有版本号跟时间戳了。但是开发时 yarn serve报错日志如下

 D:\workspace\WebStormWorkSpace\Saber2>yarn serve
yarn run v1.19.1
$ vue-cli-service serve
 INFO  Starting development server...
 ERROR  TypeError: Cannot read property '__expression' of undefined
TypeError: Cannot read property '__expression' of undefined
    at Object.toConfig (D:\workspace\WebStormWorkSpace\Saber2\node_modules\webpack-chain\src\Plugin.js:55:38)
    at D:\workspace\WebStormWorkSpace\Saber2\node_modules\webpack-chain\src\Config.js:129:61
    at Array.map (<anonymous>)
    at module.exports.toConfig (D:\workspace\WebStormWorkSpace\Saber2\node_modules\webpack-chain\src\Config.js:129:40)
    at Service.resolveWebpackConfig (D:\workspace\WebStormWorkSpace\Saber2\node_modules\@vue\cli-service\lib\Service.js:251:34)
    at PluginAPI.resolveWebpackConfig (D:\workspace\WebStormWorkSpace\Saber2\node_modules\@vue\cli-service\lib\PluginAPI.js:138:25)
    at serve (D:\workspace\WebStormWorkSpace\Saber2\node_modules\@vue\cli-service\lib\commands\serve.js:49:31)
    at Service.run (D:\workspace\WebStormWorkSpace\Saber2\node_modules\@vue\cli-service\lib\Service.js:236:12)
    at Object.<anonymous> (D:\workspace\WebStormWorkSpace\Saber2\node_modules\@vue\cli-service\bin\vue-cli-service.js:37:9)
    at Module._compile (internal/modules/cjs/loader.js:956:30)
    at Object.Module._extensions..js (internal/modules/cjs/loader.js:973:10)
    at Module.load (internal/modules/cjs/loader.js:812:32)
    at Function.Module._load (internal/modules/cjs/loader.js:724:14)
    at Function.Module.runMain (internal/modules/cjs/loader.js:1025:10)
    at internal/main/run_main_module.js:17:11
error Command failed with exit code 1.
info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.

参考采纳的答案发现区别是多了CSS部分的打包加版本和日期时间戳。

 config.plugin('extract-css').tap(()=>[{
  filename:`css/[name].${version}.${timestamp}.css`,
  chunkFilename:`css/[name].${version}.${timestamp}.css`
}]);

Saber 打包添加版本日期时间戳后yarn serve报错

作者追问:2021-04-01 10:54

作者追问:2021-04-01 10:54

	D:\workspace\WebStormWorkSpace\Saber2>yarn serve
	yarn run v1.19.1
	$ vue-cli-service serve
	INFO Starting development server...
	ERROR TypeError: Cannot read property '__expression' of undefined
	TypeError: Cannot read property '__expression' of undefined
	at Object.toConfig (D:\workspace\WebStormWorkSpace\Saber2\node_modules\webpack-chain\src\Plugin.js:55:38)
	at D:\workspace\WebStormWorkSpace\Saber2\node_modules\webpack-chain\src\Config.js:129:61
	at Array.map (<anonymous>)
	at module.exports.toConfig (D:\workspace\WebStormWorkSpace\Saber2\node_modules\webpack-chain\src\Config.js:129:40)
	at Service.resolveWebpackConfig (D:\workspace\WebStormWorkSpace\Saber2\node_modules\@vue\cli-service\lib\Service.js:251:34)
	at PluginAPI.resolveWebpackConfig (D:\workspace\WebStormWorkSpace\Saber2\node_modules\@vue\cli-service\lib\PluginAPI.js:138:25)
	at serve (D:\workspace\WebStormWorkSpace\Saber2\node_modules\@vue\cli-service\lib\commands\serve.js:49:31)
	at Service.run (D:\workspace\WebStormWorkSpace\Saber2\node_modules\@vue\cli-service\lib\Service.js:236:12)
	at Object.<anonymous> (D:\workspace\WebStormWorkSpace\Saber2\node_modules\@vue\cli-service\bin\vue-cli-service.js:37:9)
	at Module._compile (internal/modules/cjs/loader.js:956:30)
	at Object.Module._extensions..js (internal/modules/cjs/loader.js:973:10)
	at Module.load (internal/modules/cjs/loader.js:812:32)
	at Function.Module._load (internal/modules/cjs/loader.js:724:14)
	at Function.Module.runMain (internal/modules/cjs/loader.js:1025:10)
	at internal/main/run_main_module.js:17:11
	error Command failed with exit code 1.
	info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.

	`config.plugin('extract-css').tap(()=>[{`
	filename:`css/[name].${version}.${timestamp}.css`,
	chunkFilename:`css/[name].${version}.${timestamp}.css`
	}]);

	const version = '2.8.0';
	const timestamp = new Date().getTime();
	module.exports = {
	//路径前缀
	publicPath: "/",
	lintOnSave: true,
	productionSourceMap: false,
	chainWebpack: (config) => {
	//忽略的打包文件
	config.externals({
	'vue': 'Vue',
	'vue-router': 'VueRouter',
	'vuex': 'Vuex',
	'axios': 'axios',
	'element-ui': 'ELEMENT',
	});
	const entry = config.entry('app');
	entry.add('babel-polyfill').end();
	entry.add('classlist-polyfill').end();
	entry.add('@/mock').end();
	config.output.filename(`js/[name].${version}.${timestamp}.js`).end();
	config.output.chunkFilename(`js/[name].${version}.${timestamp}.js`).end();
	},
	css: {
	extract: { ignoreOrder: true }
	},
	//开发模式反向代理配置，生产模式请使用Nginx部署并配置反向代理
	devServer: {
	port: 1888,
	proxy: {
	'/api': {
	//本地服务接口地址
	target: 'http://localhost',
	//远程演示服务地址,可用于直接启动项目
	//target: 'https://saber.bladex.cn/api',
	ws: true,
	pathRewrite: {
	'^/api': '/'
	}
	}
	}
	}
	};

	config.().(()=>[{
	:${version}${timestamp}:${version}${timestamp}}])