[vue-server-renderer] Bug failing when using a reference of process - related to SSRClientWebpackPlugin

Version

2.5.21

Reproduction link

https://github.com/AlexandreBonaventure/repro-vue-ssr-bug

Steps to reproduce

1. yarn install
2. yarn run ssr:build && yarn ssr:start
3. go to localhost:8000

What is expected?

to serve / correctly

What is actually happening?

error 500:

TypeError: Cannot read property 'replace' of undefined
    at normalizeFile (.../node_modules/vue-server-renderer/build.js:8183:27)

---

Hi, I came across this weird bug when I was trying to retrieve a global variable (eg. global.localenv.PUBLIC_URL) in App.vue to populate a meta tag (using vue-meta). I stumble upon the bug, and narrowed it down to referencing process being the cause here. Another weird thing is that if you remove the component Icons import in the minimal repro, it works fine!

The error stack is initiated by TemplateRenderer.renderPreloadLinks which makes me think that maybe it is a bug in the webpack SSRClientPlugin which inject preload links for every assets.

[laure-at-irun]

For me, the error was caused by a malformed vue-ssr-client-manifest.json : in the modules section, some modules were mapped to indexes -1. As a result, at runtime, the vue-server-renderer was unable to load the file.

To fix it, I just enabled the source maps for css files. In vue.config.js, add to your client config :

css: {
     sourceMap: true,
},

Tested with version 2.6.9.

I hope this will help.

[tkjaergaard]

+1

I’m experiencing the same issue TypeError: Cannot read property 'replace' of undefined.

Downgrading to vue@2.5.17, vue-server-renderer@2.5.17 and vue-template-compiler@2.5.17 made my application run again.

2.5.18-2.5.21 make my application break with the TypeError:

TypeError: Cannot read property 'replace' of undefined
    at normalizeFile (.../node_modules/vue-server-renderer/build.js:8176:27)