Vue version

^3.2.37

Link to minimal reproduction

https://github.com/qilimazhualuo/template_this_undefined

Steps to reproduce

默认新增项目

新增文件

1. src/constant.js

报错方式 然后再main.js中引用

app.vue中template 通过this引用该变量

开发服务中正常显示 但是打包后报错 Cannot read properties of undefined (reading '_ymdhms') ( _ymdhms 是我的全局变量 ) 打包文件已上传

What is expected?

开发服务与打包后行为一致（全部正常显示或全部undefined）

What is actually happening?

项目打包后在template中使用的this报错undefined 开发服务： 打包后：

System Info

D:\我的库\template_this_undefined>npx envinfo --system --npmPackages vue --binaries --browsers
Need to install the following packages:
  envinfo
Ok to proceed? (y) y

  System:
    OS: Windows 10 10.0.22000
    CPU: (6) x64 AMD Ryzen 5 4500U with Radeon Graphics
    Memory: 3.62 GB / 15.37 GB
  Binaries:
    Node: 16.14.0 - C:\Program Files\nodejs\node.EXE
    Yarn: 1.22.19 - ~\AppData\Roaming\npm\yarn.CMD
    npm: 8.3.1 - C:\Program Files\nodejs\npm.CMD
  Browsers:
    Edge: Spartan (44.22000.120.0), Chromium (104.0.1293.63)
    Internet Explorer: 11.0.22000.120
  npmPackages:
    vue: ^3.2.37 => 3.2.37

Any additional comments?

No response

there is no this in templates. {{ _ymdhms }}

This is not required in template. You can compile constant.js in SFC Playground.

No this: https://sfc.vuejs.org/#eNqNUl1r20AQ/CuL8pAWIl2apCaobqAESt9b0hdBOEsr3SX3xe3JJhj/9+5JcuK2UPp2O6uZndHuvvgSQrUdsaiLNbVRhwSEaQx3jRMCfihNQEnGhBES2mBkQmBsJO0GeBgRruF3Hnz/ek8T+V5h+wx+TKBSClQLwXOeqPJxEDJoQX1bztRyolYqWXN2ijRO2+Bjgm9ojP/po+mgj97CeSVazy2HLpF46+Yk541bi1mFQ3Bx9M0VwLrT2+nBTwkqYv+5KV796ZQNdrhtCuDUAybuPm6MdM9NsdCYqO0AFFvuTZSKtgMTWiOJGDN+8FxKk8kP3IcFEcfBQs5exNHMmoJ0d/v944vtlKXDgRNkJEc5sc8lpReDQK0P2DFSZWnYZw2FelCphhXaT7kOsut4STV8qD4u0E4bU7ZKugFr6LXhrTJ+WGRq5be85klsbtbQRR9KUrLzu3eXcAlXaOFsdbNq+17K9yfk/Of/W+DmanN7e/0qwGFzKo5TXBTzxksrQ/VE3vFdTnrN0qCmqOcJGeOhuX7bIN9UdrJcGb+qOLqkLVZIttxEvyOMLNwUFycagkF2XkZ0HUaM/9L849O/dLMsZzoUh1/Nvyg5

In template, variables are automatically get from ctx.