前端常見的小問題快速解決懶人指南

2021-10-12 19:12:27 字數 1987 閱讀 6518

解決方案:換源**

npm config :npm config set registry

yarn config :yarn config set registry

解決方法:對症下藥

多半是依賴包丟失了,這種情況一般報錯資訊可以看到是哪個包丟擲的資訊,一般解除安裝這個模組,安裝重新安裝下即可。實在不行就直接把node_modules整個刪除後清除快取,重新安裝依賴即可。

解決方法:這又是this的套路了,this是和當前執行的上下文繫結的,

一般你在axios或者其他promise, 或者setinterval這些預設都是指向最外層的全域性鉤子.

簡單點說:「最外層的上下文就是window,vue內則是 vue 物件而不是例項!」;

解決方案:

比如no 'access-control-allow-origin' header is present on the requested resource.

解決問題:反向**

1:cors, 前後端都要對應去配置,ie10+ 2:nginx反向**,一勞永逸 <-- 線上環境可以用這個

線下開發模式,比如你用了vue-cli, 裡面的 webpack 有引入了proxytable這麼個玩意, 也可以做介面反向**

各種路由器的鉤子:傳送門:導航守衛

記憶滾動的位置也可以做到。

解決方法:可以用$attrs或者inject + provide來實現。

初始化問題,在vue專案中巢狀元件用props元件傳值也會出現這類問題

解決方案:檢視文件解決初始化問題。

語法問題,具體看哪行報錯。

eslint問題,直接把vscode裡的eslint外掛程式禁用了,或者把webpack裡的eslint配置項直接刪了。

元件掛載失敗問題,元件沒有正確引入或掛載點順序錯了。

元件沒有正確引入或者正確使用,依次確認

匯入對應的元件

在 components 內宣告

在 dom 區域宣告標籤

這種問題一般就是元件內的props型別已經設定了接受的範圍型別, 而你傳遞的值卻又不是它需要的型別。

webpack的配置檔案你改動了或對應的loader沒有裝上

事件觸發了. 但是元件內部缺少對應的實現或者變數,所以丟擲事件錯誤.

引入的 js,是直接引入壓縮版本後的 js(***.min.js); 然後webpack內又啟用了uglifyjs(壓縮 js的), 二重壓縮大多都會報錯。

解決方案:引入標準未壓縮的 js

這個問題就是你要操作的屬性只允許getter,不允許setter;

寫法有些差異:

使用環境的差異:

編譯錯誤,對應的依賴沒找到。

解決如下:

語法錯誤,建議自己檢查**。

dependencies: 存放線上或者業務能訪問的核心**模組,比如vue,vue-router;

devdependencies: 處於開發模式下所依賴的開發模組,也許只是用來解析**,轉義**,但是不產生額外的**到生產環境, 比如什麼babel-core這些。

在vue2.5+的專案中,提示就是scope現在要用slot-scope來代替, 但是 scope 暫時可以用,目前還沒有完全的規範。

前端開發遇到的小問題

checkbox全選全不選 prop用於操作元素的固有屬性 attr用於自定義屬性 all click function else iframe內的元素操作外部元素 header pic img window.parent.document attr src headpicsrc 操作iframe父...

幾個常見的C 小問題

1.c 引用dll後,未能找到型別或命名空間名稱的問題 解決辦法 注意引用dll的程式集版本與當前程式集是否一致,即目標框架.net framwork版本是否一致。專案屬性 應用程式 解決辦法 把專案中 properties 目錄下的 license.licx 檔案刪除,再編譯就成功了。4.c 程式...

常見的電腦小問題彙總

1.my passport 在winxp無法載入驅動的解決方法 首先把要匯入的專案拷貝到工作空間,然後file import general existing projetcs into workspace next,匯入專案,選中copy projects into workspace就移到目標空...