Running SSR Server does not work with Typescript

[hmillison]

I'm evaluating this plugin to use with a Vue-CLI project created with Typescript.

Repro steps:
vue create new-project
vue add @vue/typescript
vue add @akryum/ssr
npm run ssr:serve

Result: When opening localhost:8000, I get an error from the server on initial render: TypeError: runner is not a function.

Expected Result: Example app renders as expected.

Let me know if this is on the radar already? I'm pretty interested in this project so I would be happy to attempt to contribute a solution to this issue.

demo repo: https://github.com/hmillison/vue-ssr-plugin-reproduction.git

[p1n5u]

Can you provide a demo repo or a sandbox with your code in it so that I can get a closer look at the issue you have? I already have an SSR app with this plugin and TS and it works like charm.

Thanks

[houd1ni]

@p1n5u please, check, is your version exactly 0.5.0 or older indeed? I've met the same weird stuff, and all's charm without TS after upgrade.

[p1n5u]

@houd1ni It was running on 0.3.0 but I've just updated to the latest version (0.5.0) and it stopped working indeed 😭 I will compare the two versions as soon as I have time and propose a solution 😄

[yekver]

I have a similar situation - plugin is broken after 0.4.0 😭

[hmillison]

Thanks for the help narrowing down the issue. I'll try to use an older version in the mean time.

[yekver]

In my case I see the following:

✔ success Client compiled in 987ms
Type checking in progress...
Client errors
multi webpack-hot-middleware/client ./src/main.ts
Module not found: Error: Can't resolve './src/main.ts' in '/Users/yekver/app'

this is because my entry point is main.js not main.ts. Trying to fix this issue I change this file extension to ts but then got Internal server error page error with message: Error: bundle export should be a function when using { runInNewContext: false }.

[ilajosmanov]

I have same problem and downgrade don't fix it

[houd1ni]

@ilajosmanov Should be ok if clearly downgrade to 0.3.0

[ilajosmanov]

@houd1ni awesome, it's works ))

[alexey-yunoshev]

@houd1ni I tried installing it with vue add @akryum/ssr@0.3.0, but it says "Plugin @akryum/vue-cli-plugin-ssr@0.3.0 does not have a generator to invoke". So no files were added or updated. What did i do wrong? Please

[houd1ni]

@alexey-yunoshev Looks like off-topic, but I afraid, you just mistyped "vue add @akryum/vue-cli-plugin-ssr@0.3.0".

[alexey-yunoshev]

@houd1ni I tried it with vue add @akryum/vue-cli-plugin-ssr@0.3.0. Same thing - "does not have a generator to invoke"

Update: To make it work I had to do this:
vue add @akryum/vue-cli-plugin-ssr@0.3.0
vue invoke @akryum/vue-cli-plugin-ssr

Also, when starting a server with npm run ssr:serve and opening the site in a browser I got this error:

export function register (swUrl, hooks) {
^^^^^^

In order to fix this I changed import "./registerServiceWorker';" to "if (process.client) require("./registerServiceWorker");" in main.ts. Got the idea from here