[Bug] Uncaught ReferenceError: process is not defined in svelte3.55.0

[SeolSongWoo]

Version

5.5.0

Link to Minimal Reproduction

No Response

Steps to Reproduce

1. add echarts with npm
   npm i echarts
2. use echarts in svelte
   import * as echarts from "echarts"
3. in my component i get error
   

Current Behavior

Expected Behavior

show echarts

Environment

- OS:Windows 11
- Browser: Chrome@123.0.6312.106
- Framework: Svelte@3.55.0

Any additional comments?

No response

[MatthiasMert]

This seems to work fine: https://stackblitz.com/edit/vitejs-vite-ewakjk?file=src%2FApp.svelte

[suttridge]

Also getting this problem using latest svelte@4.2.19 and echarts@5.5.1
Error occurs in file : echarts/lib/util/clazz.js
if (process.env.NODE_ENV !== 'production') { .....
process is undefined here

[suttridge]

[SOLVED]
OK, further to this, after much research :
I am using rollup, and found I needed to install and add the "replace" plugin in the plugins section of the rollup config file, and then use this plugin to replace the call in the clazz.js file as follows :

rollup.config.mjs

import replace from '@rollup/plugin-replace'
.....
plugins: [
.......
replace({
preventAssignment: true,
'process.env.NODE_ENV': production ? '"production"' : '"development"'
}),
......
]

Note the use of single-double quotes to make sure the strings are correctly replaced.

Works fine now, but it would be useful if one didn't have to manually do this !