最近我在使用Vue CLI進行前端開發時,遇到了一個卡住的問題。具體表現為,運行“npm run serve”命令之后,瀏覽器打開了本地服務器,但是頁面一直無法加載,控制臺也沒有任何報錯信息。
我搜索了一些相關的解決方案,發現大多數都是關于babel或者webpack的配置問題。但是,檢查了我的配置之后,卻并沒有找到任何問題。最后,我發現問題出在了項目的依賴管理上。
{ "name": "my-project", "version": "0.1.0", "private": true, "dependencies": { "vue": "^2.6.11", "vue-router": "^3.2.0", "vuex": "^3.4.0" }, "devDependencies": { "@vue/cli-plugin-babel": "^4.2.2", "@vue/cli-plugin-eslint": "^4.2.2", "@vue/cli-plugin-router": "^4.2.2", "@vue/cli-plugin-vuex": "^4.2.2", "@vue/cli-service": "^4.2.2", "babel-eslint": "^10.1.0", "eslint": "^6.7.2", "eslint-plugin-vue": "^6.2.2", "vue-template-compiler": "^2.6.11" } }
如上述代碼所示,我的項目中使用了Vue、Vue Router和Vuex等依賴包。但是,在我的依賴管理中,有些依賴的版本和Vue CLI所需要的版本不兼容,導致了無法正常加載頁面。
因此,我在package.json文件中修改了依賴版本,使所有依賴的版本和Vue CLI所需要的版本兼容,問題最終得到解決。