vite: run error: does not provide an export named 'createElementBlock'

Describe the bug

first, It works normally in vue/cli.

run

$ npm init vite@latest
$ cd vite-project
$ npm i
$ npm run dev  # ok
$ npm i -S element-plus@latest 
$ npm run dev  # error

on chrome devtools console log:

HelloWorld.vue:28 Uncaught SyntaxError: The requested module '/node_modules/.vite/vue.js?v=a348567b' does not provide an export named 'createElementBlock'

then, it removed

$ npm uninstall element-plus

still

HelloWorld.vue:28 Uncaught SyntaxError: The requested module '/node_modules/.vite/vue.js?v=a348567b' does not provide an export named 'createElementBlock'

Reproduction

$ npm init vite@latest $ cd vite-project $ npm i $ npm run dev # ok $ npm i -S element-plus@latest $ npm run dev # error

System Info

OS/Browsers macOS 11.4
node 14.5.0
npm 7.14.0
vite latest

 System:
    OS: macOS 11.5.1
    CPU: (8) arm64 Apple M1
    Memory: 100.20 MB / 8.00 GB
    Shell: 5.8 - /bin/zsh
  Binaries:
    Node: 16.6.1 - /opt/homebrew/bin/node
    npm: 7.20.3 - /opt/homebrew/bin/npm
  Browsers:
    Chrome: 92.0.4515.131
    Safari: 14.1.2
  npmPackages:
    @vitejs/plugin-vue: ^1.3.0 => 1.4.0
    vite: ^2.4.4 => 2.4.4

Used Package Manager

npm

Logs

vite:config bundled config file loaded in 100ms +0ms
  vite:config using resolved config: {
  vite:config   plugins: [
  vite:config     'vite:pre-alias',
  vite:config     'alias',
  vite:config     'vite:dynamic-import-polyfill',
  vite:config     'vite:resolve',
  vite:config     'vite:html',
  vite:config     'vite:css',
  vite:config     'vite:esbuild',
  vite:config     'vite:json',
  vite:config     'vite:wasm',
  vite:config     'vite:worker',
  vite:config     'vite:asset',
  vite:config     'vite:vue',
  vite:config     'vite:define',
  vite:config     'vite:css-post',
  vite:config     'vite:client-inject',
  vite:config     'vite:import-analysis'
  vite:config   ],
  vite:config   server: { fs: { strict: undefined, allow: [Array] } },
  vite:config   define: { __VUE_OPTIONS_API__: true, __VUE_PROD_DEVTOOLS__: false },
  vite:config   ssr: { external: [ 'vue', '@vue/server-renderer' ] },
  vite:config   configFile: '/Users/feiox/Projects/_play/vite-project/vite.config.js',
  vite:config   configFileDependencies: [ 'vite.config.js' ],
  vite:config   inlineConfig: {
  vite:config     root: undefined,
  vite:config     base: undefined,
  vite:config     mode: undefined,
  vite:config     configFile: undefined,
  vite:config     logLevel: undefined,
  vite:config     clearScreen: undefined,
  vite:config     server: { fs: [Object] }
  vite:config   },
  vite:config   root: '/Users/feiox/Projects/_play/vite-project',
  vite:config   base: '/',
  vite:config   resolve: { dedupe: undefined, alias: [ [Object] ] },
  vite:config   publicDir: '/Users/feiox/Projects/_play/vite-project/public',
  vite:config   cacheDir: '/Users/feiox/Projects/_play/vite-project/node_modules/.vite',
  vite:config   command: 'serve',
  vite:config   mode: 'development',
  vite:config   isProduction: false,
  vite:config   build: {
  vite:config     target: [ 'es2019', 'edge88', 'firefox78', 'chrome87', 'safari13.1' ],
  vite:config     polyfillDynamicImport: false,
  vite:config     outDir: 'dist',
  vite:config     assetsDir: 'assets',
  vite:config     assetsInlineLimit: 4096,
  vite:config     cssCodeSplit: true,
  vite:config     sourcemap: false,
  vite:config     rollupOptions: {},
  vite:config     commonjsOptions: { include: [Array], extensions: [Array] },
  vite:config     dynamicImportVarsOptions: { warnOnError: true, exclude: [Array] },
  vite:config     minify: 'terser',
  vite:config     terserOptions: {},
  vite:config     cleanCssOptions: {},
  vite:config     write: true,
  vite:config     emptyOutDir: null,
  vite:config     manifest: false,
  vite:config     lib: false,
  vite:config     ssr: false,
  vite:config     ssrManifest: false,
  vite:config     brotliSize: true,
  vite:config     chunkSizeWarningLimit: 500,
  vite:config     watch: null
  vite:config   },
  vite:config   env: { BASE_URL: '/', MODE: 'development', DEV: true, PROD: false },
  vite:config   assetsInclude: [Function: assetsInclude],
  vite:config   logger: {
  vite:config     hasWarned: false,
  vite:config     info: [Function: info],
  vite:config     warn: [Function: warn],
  vite:config     warnOnce: [Function: warnOnce],
  vite:config     error: [Function: error],
  vite:config     clearScreen: [Function: clearScreen]
  vite:config   },
  vite:config   createResolver: [Function: createResolver],
  vite:config   optimizeDeps: { esbuildOptions: { keepNames: undefined } }
  vite:config } +2ms
  vite:deps Hash is consistent. Skipping. Use --force to override. +0ms

  vite v2.4.4 dev server running at:

  > Local: http://localhost:3000/
  > Network: use `--host` to expose

  ready in 214ms.

  vite:time 1ms   / +0ms
  vite:spa-fallback Rewriting GET / to /index.html +0ms
  vite:time 16ms  /index.html +55ms
  vite:resolve 1ms   /src/main.js -> /Users/feiox/Projects/_play/vite-project/src/main.js +0ms
  vite:resolve 1ms   /Users/feiox/Projects/_play/vite-project/node_modules/vite/dist/client/client -> /Users/feiox/Projects/_play/vite-project/node_modules/vite/dist/client/client.mjs +7ms
  vite:resolve 1ms   /@vite/client -> /Users/feiox/Projects/_play/vite-project/node_modules/vite/dist/client/client.mjs +0ms
  vite:load 9ms   [fs] /src/main.js +0ms
  vite:resolve 0ms   vue -> /Users/feiox/Projects/_play/vite-project/node_modules/.vite/vue.js?v=85e024ad +6ms
  vite:resolve 0ms   /node_modules/.vite/vue.js?v=85e024ad -> /Users/feiox/Projects/_play/vite-project/node_modules/.vite/vue.js?v=85e024ad +0ms
  vite:resolve 0ms   ./App.vue -> /Users/feiox/Projects/_play/vite-project/src/App.vue +0ms
  vite:resolve 0ms   /src/App.vue -> /Users/feiox/Projects/_play/vite-project/src/App.vue +0ms
  vite:transform 3ms   /src/main.js +0ms
  vite:time 16ms  /src/main.js +144ms
  vite:load 6ms   [fs] /@vite/client +5ms
  vite:resolve 1ms   ./env -> /Users/feiox/Projects/_play/vite-project/node_modules/vite/dist/client/env.mjs +8ms
  vite:resolve 0ms   /node_modules/vite/dist/client/env.mjs -> /Users/feiox/Projects/_play/vite-project/node_modules/vite/dist/client/env.mjs +0ms
  vite:transform 4ms   /@vite/client +7ms
  vite:time 16ms  /@vite/client +7ms
  vite:time 0ms   / +4ms
  vite:load 3ms   [fs] /node_modules/vite/dist/client/env.mjs +17ms
  vite:rewrite 1ms   [no imports] node_modules/vite/dist/client/env.mjs +0ms
  vite:transform 2ms   /node_modules/vite/dist/client/env.mjs +13ms
  vite:time 5ms   /node_modules/vite/dist/client/env.mjs +9ms
  vite:load 6ms   [fs] /src/App.vue +2ms
  vite:resolve 0ms   ./components/HelloWorld.vue -> /Users/feiox/Projects/_play/vite-project/src/components/HelloWorld.vue +31ms
  vite:resolve 0ms   /src/components/HelloWorld.vue -> /Users/feiox/Projects/_play/vite-project/src/components/HelloWorld.vue +0ms
  vite:resolve 0ms   /src/App.vue?vue&type=style&index=0&lang.css -> /Users/feiox/Projects/_play/vite-project/src/App.vue?vue&type=style&index=0&lang.css +0ms
  vite:hmr [self-accepts] src/App.vue +0ms
  vite:transform 19ms  /src/App.vue +19ms
  vite:time 25ms  /src/App.vue +19ms
  vite:spa-fallback Rewriting GET / to /index.html +198ms
  vite:time 1ms   /index.html +1ms
  vite:load 0ms   [plugin] /src/App.vue?vue&type=style&index=0&lang.css +28ms
  vite:load 2ms   [fs] /src/components/HelloWorld.vue +1ms
[@vue/compiler-sfc] `defineProps` is a compiler macro and no longer needs to be imported.

  vite:resolve 0ms   /src/components/HelloWorld.vue?vue&type=style&index=0&scoped=true&lang.css -> /Users/feiox/Projects/_play/vite-project/src/components/HelloWorld.vue?vue&type=style&index=0&scoped=true&lang.css +28ms
  vite:hmr [self-accepts] src/components/HelloWorld.vue +27ms
  vite:transform 16ms  /src/components/HelloWorld.vue +27ms
  vite:time 19ms  /src/components/HelloWorld.vue +26ms
  vite:hmr [self-accepts] src/App.vue?vue&type=style&index=0&lang.css +9ms
  vite:transform 27ms  /src/App.vue?vue&type=style&index=0&lang.css +9ms
  vite:time 28ms  /src/App.vue?vue&type=style&index=0&lang.css +9ms
  vite:cache [memory] /src/main.js +0ms
  vite:time 1ms   /src/main.js +30ms
  vite:cache [memory] /@vite/client +2ms
  vite:time 1ms   /@vite/client +3ms
  vite:load 0ms   [plugin] /src/components/HelloWorld.vue?vue&type=style&index=0&scoped=true&lang.css +60ms
  vite:hmr [self-accepts] src/components/HelloWorld.vue?vue&type=style&index=0&scoped=true&lang.css +37ms
  vite:transform 2ms   /src/components/HelloWorld.vue?vue&type=style&index=0&scoped=true&lang.css +37ms
  vite:time 3ms   /src/components/HelloWorld.vue?vue&type=style&index=0&scoped=true&lang.css +4ms
  vite:load 1ms   [fs] /node_modules/.vite/vue.js?v=85e024ad +41ms
  vite:rewrite 2ms   [no imports] node_modules/.vite/vue.js?v=85e024ad +143ms
  vite:transform 3ms   /node_modules/.vite/vue.js?v=85e024ad +50ms
  vite:time 20ms  /node_modules/.vite/vue.js?v=85e024ad +57ms
  vite:cache [memory] /src/App.vue +70ms
  vite:time 1ms   /src/App.vue +8ms
  vite:cache [memory] /node_modules/vite/dist/client/env.mjs +1ms
  vite:time 0ms   /node_modules/vite/dist/client/env.mjs +1ms
  vite:cache [memory] /src/components/HelloWorld.vue +17ms
  vite:time 0ms   /src/components/HelloWorld.vue +17ms
  vite:cache [memory] /src/App.vue?vue&type=style&index=0&lang.css +1ms
  vite:time 0ms   /src/App.vue?vue&type=style&index=0&lang.css +1ms
  vite:cache [memory] /src/components/HelloWorld.vue?vue&type=style&index=0&scoped=true&lang.css +28ms
  vite:time 0ms   /src/components/HelloWorld.vue?vue&type=style&index=0&scoped=true&lang.css +28ms
  vite:spa-fallback Rewriting GET / to /index.html +11s
  vite:time 4ms   /index.html +11s
  vite:cache [304] /@vite/client +0ms
  vite:time 1ms   /@vite/client +96ms
  vite:cache [304] /src/main.js +2ms
  vite:time 0ms   /src/main.js +2ms
  vite:cache [304] /src/App.vue +21ms
  vite:time 1ms   /src/App.vue +21ms
  vite:cache [304] /node_modules/vite/dist/client/env.mjs +0ms
  vite:time 0ms   /node_modules/vite/dist/client/env.mjs +0ms
  vite:cache [304] /src/App.vue?vue&type=style&index=0&lang.css +7ms
  vite:time 4ms   /src/App.vue?vue&type=style&index=0&lang.css +7ms
  vite:cache [304] /src/components/HelloWorld.vue +1ms
  vite:time 1ms   /src/components/HelloWorld.vue +2ms
  vite:cache [304] /src/components/HelloWorld.vue?vue&type=style&index=0&scoped=true&lang.css +9ms
  vite:time 1ms   /src/components/HelloWorld.vue?vue&type=style&index=0&scoped=true&lang.css +9ms

Validations

Follow our Code of Conduct
Read the Contributing Guidelines.
Read the docs.
Check that there isn’t already an issue that reports the same bug to avoid creating a duplicate.
Make sure this is a Vite issue and not a framework-specific issue. For example, if it’s a Vue SFC related bug, it should likely be reported to https://github.com/vuejs/vue-next instead.
Check that this is a concrete bug. For Q&A open a GitHub Discussion or join our Discord Chat Server.
The provided reproduction is a minimal reproducible example of the bug.

About this issue

Original URL
State: closed
Created 3 years ago
Comments: 16 (3 by maintainers)

Commits related to this issue

fix: stop pinning vue peer dependency version It should be safe to trust `vue` to follow semver. Pinning a peer dependency version is a bad idea because any change in peer dependency requirement shou... — committed to sodatea/element-plus by sodatea 3 years ago
fix: stop pinning vue peer dependency version (#3051) * fix: stop pinning vue peer dependency version It should be safe to trust `vue` to follow semver. Pinning a peer dependency version is a bad... — committed to element-plus/element-plus by sodatea 3 years ago

Most upvoted comments

same error

import { resolveComponent as _resolveComponent, createVNode as _createVNode, openBlock as _openBlock, createElementBlock as _createElementBlock } from "/node_modules/.vite/vue.js?v=fa10de3b 1628665726472

foyel on Aug 13, 2021

I can’t reproduce with your steps. Can you provide a reproduction repo?

ygj6 on Aug 11, 2021