Vite: use pnpm install, then run dev failed, with echarts

[qwfy5287]

vite v1.0.0-rc.1

[vite] cannot resolve entry for dependency echarts.
[vite] Optimizable dependencies detected:
vue, axios, element-ui, lodash-es

Dev server running at:

Local: http://localhost:3000/

Error: [vite] normalizePublicPath check fail. please report to vite.
at finalize (/Users/qwfy/GitWork/2020-next/base-web-ts-vite/node_modules/.pnpm/[email protected]/node_modules/vite/dist/node/resolver.js:191:27)
at Object.normalizePublicPath (/Users/qwfy/GitWork/2020-next/base-web-ts-vite/node_modules/.pnpm/[email protected]/node_modules/vite/dist/node/resolver.js:228:20)
at /Users/qwfy/GitWork/2020-next/base-web-ts-vite/node_modules/.pnpm/[email protected]/node_modules/vite/dist/node/server/serverPluginModuleRewrite.js:56:43
at async /Users/qwfy/GitWork/2020-next/base-web-ts-vite/node_modules/.pnpm/[email protected]/node_modules/vite/dist/node/server/serverPluginSourceMap.js:26:9

Error: [vite] normalizePublicPath check fail. please report to vite.
at finalize (/Users/qwfy/GitWork/2020-next/base-web-ts-vite/node_modules/.pnpm/[email protected]/node_modules/vite/dist/node/resolver.js:191:27)
at Object.normalizePublicPath (/Users/qwfy/GitWork/2020-next/base-web-ts-vite/node_modules/.pnpm/[email protected]/node_modules/vite/dist/node/resolver.js:228:20)
at /Users/qwfy/GitWork/2020-next/base-web-ts-vite/node_modules/.pnpm/[email protected]/node_modules/vite/dist/node/server/serverPluginModuleRewrite.js:56:43
at async /Users/qwfy/GitWork/2020-next/base-web-ts-vite/node_modules/.pnpm/[email protected]/node_modules/vite/dist/node/server/serverPluginSourceMap.js:26:9

Error: [vite] normalizePublicPath check fail. please report to vite.
at finalize (/Users/qwfy/GitWork/2020-next/base-web-ts-vite/node_modules/.pnpm/[email protected]/node_modules/vite/dist/node/resolver.js:191:27)
at Object.normalizePublicPath (/Users/qwfy/GitWork/2020-next/base-web-ts-vite/node_modules/.pnpm/[email protected]/node_modules/vite/dist/node/resolver.js:228:20)
at /Users/qwfy/GitWork/2020-next/base-web-ts-vite/node_modules/.pnpm/[email protected]/node_modules/vite/dist/node/server/serverPluginModuleRewrite.js:56:43
at async /Users/qwfy/GitWork/2020-next/base-web-ts-vite/node_modules/.pnpm/[email protected]/node_modules/vite/dist/node/server/serverPluginSourceMap.js:26:9

package.json
{
"name": "vite-2020-07-18",
"version": "0.0.0",
"license": "MIT",
"scripts": {
"dev": "vite",
"build": "vite build"
},
"dependencies": {
"axios": "^0.19.2",
"echarts": "^4.8.0",
"element-ui": "^2.13.2",
"lodash-es": "^4.17.15",
"normalize.css": "^8.0.1",
"vue": "^3.0.0-rc.1",
"vue-router": "^4.0.0-alpha.13"
},
"devDependencies": {
"@types/echarts": "^4.6.2",
"@vue/compiler-sfc": "^3.0.0-rc.1",
"sass": "^1.26.8",
"vite": "^1.0.0-rc.1"
}
}

[yyx990803]

echarts does not specify any entry points in its package.json: https://unpkg.com/browse/[email protected]/package.json

This is problematic and should be reported to echarts as a bug.

Its source code is ESM and does seem to offer ESM entry points though (echarts.{simple,common,all}.js), what you can do:

// vite.config.js
module.exports = {
  optimizeDeps: {
    exclude: ['echarts'],
    include: ['echarts/echarts.simple.js']
  }
}

In your code:

import * as echarts from 'echarts/echarts.simple.js'

Change echarts.simple.js to common or all depend on what feature set you need.