Version

3.0.0

Reproduction link

https://github.com/vuejs/vue-next

Steps to reproduce

正常环境下不会重现，打包之后会出现这个错误 vue-router-----const router = createRouter({ history: createWebHistory(process.env.BASE_URL), routes, });

package.json { "name": "----", "version": "0.1.0", "private": true, "scripts": { "serve": "vue-cli-service serve", "build": "vue-cli-service build", "lint": "vue-cli-service lint" }, "main": "background.js", "dependencies": { "axios": "^0.21.0", "element-plus": "^1.0.1-beta.5", "esdk-obs-nodejs": "^3.20.8", "prettier": "^2.2.1", "vue": "^3.0.0", "vue-router": "^4.0.0-0", "vuedraggable": "^4.0.1", "vuex": "^4.0.0-0", "vuex-persist": "^3.1.3", "vuex-persistedstate": "^4.0.0-beta.1" }, "devDependencies": { "@typescript-eslint/eslint-plugin": "^2.33.0", "@typescript-eslint/parser": "^2.33.0", "@vue/cli-plugin-eslint": "4.5.0", "@vue/cli-plugin-router": "4.5.0", "@vue/cli-plugin-typescript": "4.5.0", "@vue/cli-plugin-vuex": "4.5.0", "@vue/cli-service": "4.5.0", "@vue/compiler-sfc": "^3.0.0", "@vue/eslint-config-typescript": "^5.0.2", "babel-plugin-component": "^1.1.1", "element-theme-chalk": "^2.14.1", "eslint": "^6.7.2", "eslint-plugin-vue": "^7.0.0-0", "sass": "^1.26.5", "sass-loader": "^8.0.2", "typescript": "3.9.3", "vue-cli-plugin-element": "~1.0.1", "vue-loader": "^15.9.5", "vue-template-compiler": "^2.6.12" }, "babel": { "plugins": [ [ "component", { "libraryName": "element-ui", "styleLibraryName": "theme-chalk" } ] ] }, "eslintConfig": { "root": true, "env": { "node": true }, "extends": [ "plugin:vue/vue3-essential", "eslint:recommended", "@vue/typescript/recommended" ], "parserOptions": { "ecmaVersion": 2020 }, "rules": {} }, "browserslist": [ "> 1%", "last 2 versions", "not dead" ],

}

What is expected?

页面不卡顿，正常运行

What is actually happening?

页面十分卡顿，每次切换路由都会卡顿，有时候还刷新不出页面来，代码中为使用'window.webkitStorageInfo这个函数，

I think this is not relate to vue or vue-router. you should find out which plugin cause that.

Hi, thanks for your interest but Github issues are for bug reports and feature requests only. You can ask questions on the forum, the Discord server or StackOverflow.

Version

3.0.0

Reproduction link

https://github.com/vuejs/vue-next

Steps to reproduce

正常环境下不会重现，打包之后会出现这个错误 vue-router-----const router = createRouter({ history: createWebHistory(process.env.BASE_URL), routes, });

package.json { "name": "----", "version": "0.1.0", "private": true, "scripts": { "serve": "vue-cli-service serve", "build": "vue-cli-service build", "lint": "vue-cli-service lint" }, "main": "background.js", "dependencies": { "axios": "^0.21.0", "element-plus": "^1.0.1-beta.5", "esdk-obs-nodejs": "^3.20.8", "prettier": "^2.2.1", "vue": "^3.0.0", "vue-router": "^4.0.0-0", "vuedraggable": "^4.0.1", "vuex": "^4.0.0-0", "vuex-persist": "^3.1.3", "vuex-persistedstate": "^4.0.0-beta.1" }, "devDependencies": { "@typescript-eslint/eslint-plugin": "^2.33.0", "@typescript-eslint/parser": "^2.33.0", "@vue/cli-plugin-eslint": "4.5.0", "@vue/cli-plugin-router": "4.5.0", "@vue/cli-plugin-typescript": "4.5.0", "@vue/cli-plugin-vuex": "4.5.0", "@vue/cli-service": "4.5.0", "@vue/compiler-sfc": "^3.0.0", "@vue/eslint-config-typescript": "^5.0.2", "babel-plugin-component": "^1.1.1", "element-theme-chalk": "^2.14.1", "eslint": "^6.7.2", "eslint-plugin-vue": "^7.0.0-0", "sass": "^1.26.5", "sass-loader": "^8.0.2", "typescript": "3.9.3", "vue-cli-plugin-element": "~1.0.1", "vue-loader": "^15.9.5", "vue-template-compiler": "^2.6.12" }, "babel": { "plugins": [ [ "component", { "libraryName": "element-ui", "styleLibraryName": "theme-chalk" } ] ] }, "eslintConfig": { "root": true, "env": { "node": true }, "extends": [ "plugin:vue/vue3-essential", "eslint:recommended", "@vue/typescript/recommended" ], "parserOptions": { "ecmaVersion": 2020 }, "rules": {} }, "browserslist": [ "> 1%", "last 2 versions", "not dead" ],

}

What is expected?

页面不卡顿，正常运行

What is actually happening?

页面十分卡顿，每次切换路由都会卡顿，有时候还刷新不出页面来，代码中为使用'window.webkitStorageInfo这个函数，

我也遇到这个问题了，解决了吗