摘要:注本文是我在開發過程中遇到問題及解決方法的總結,之后會持續更新,希望幫助到更多的學習者。文中有不妥的地方希望指出共同學習,同時歡迎一起補充。
注:本文是我在開發過程中遇到問題及解決方法的總結,之后會持續更新,希望幫助到更多的學習者。文中有不妥的地方希望指出共同學習,同時歡迎一起補充。
npm篇 npm安裝依賴報錯:permission denied,錯誤信息大致如下:npm ERR! Darwin 15.6.0 npm ERR! argv npm ERR! node npm ERR! npm npm ERR! path npm ERR! code EACCES npm ERR! errno -13 npm ERR! syscall mkdir npm ERR! Error: EACCES: permission denied, mkdir npm ERR! at Error (native) npm ERR! { Error: EACCES: permission denied, mkdir npm ERR! at Error (native) npm ERR! errno: -13,
關鍵錯誤信息:Error: EACCES: permission denied, 解決辦法:
// win 管理員身份運行cmd再npm命令 // mac 全局要加sudo sudo npm install ....npm install 報錯chromedriver 記錄,錯誤信息如下:
npm ERR! code ELIFECYCLE npm ERR! errno 1 npm ERR! chromedriver@2.34.1 install: `node install.js` npm ERR! Exit status 1 npm ERR! npm ERR! Failed at the chromedriver@2.34.1 install script. npm ERR! This is probably not a problem with npm. There is likely additional logging output above.
該問題是vue-cli腳手架的一個bug,解決辦法:
npm install chromedriver --chromedriver_cdnurl=http://cdn.npm.taobao.org/dist/chromedriverroadhog篇 roadhog 定義多于一個/分割符的路由匹配時報錯,錯誤信息如下:
Unhandled Rejection (Error): Loading chunk 3 failed. HTMLScriptElement.onScriptComplete internal:/webpack/bootstrap df2d9286a38225b2cb63:756 This screen is visible only in development. It will not appear if the app crashes in production. Open your browser’s developer console to further inspect this error.
解決辦法:在.webpackrc 或 .roadhogrc 添加 "publicPath": "/"。
roadhog 下 .webpackrc 或者 .webpackrc.js、.roadhogrc 或者 .roadhogrc.js 配置項出錯,錯誤信息如下:Build failed: Cannot read property "validate" of undefined TypeError: Cannot read property "validate" of undefined at forEach.key (/Users/apple/jobs/reacts/react-antd-dva/node_modules/af-webpack/lib/getUserConfig/index.js:147:16) at Array.forEach () at getUserConfig (/Users/apple/jobs/reacts/react-antd-dva/node_modules/af-webpack/lib/getUserConfig/index.js:131:30) at /Users/apple/jobs/reacts/react-antd-dva/node_modules/roadhog/lib/build.js:41:49 at new Promise ( ) at new F (/Users/apple/jobs/reacts/react-antd-dva/node_modules/core-js/library/modules/_export.js:35:28) at _default (/Users/apple/jobs/reacts/react-antd-dva/node_modules/roadhog/lib/build.js:34:10) at Object. (/Users/apple/jobs/reacts/react-antd-dva/node_modules/roadhog/lib/scripts/build.js:9:20) at Module._compile (module.js:643:30) at Object.Module._extensions..js (module.js:654:10) at Module.load (module.js:556:32) at tryModuleLoad (module.js:499:12) at Function.Module._load (module.js:491:3) at Function.Module.runMain (module.js:684:10) at startup (bootstrap_node.js:187:16) at bootstrap_node.js:608:3 [graceful-process#10592] exit with code:0
解決辦法:查看roadhog文檔,確認配置項的正確性!尤其是從roadhog1.0升級到2.0很多配置項的變化!具體參考roadhog文檔。
git篇 使用.gitkeep來追蹤空的文件夾解決辦法:Git會忽略空的文件夾。如果你想版本控制包括空文件夾,根據慣例會在空文件夾下放置.gitkeep文件。其實對文件名沒有特定的要求。一旦一個空文件夾下有文件后,這個文件夾就會在版本控制范圍內。
當用git命令拉取最新代碼時,有時會遇到如下的提示, Found a swap file by the name “.git/.MERGE_MSG.swp”在項目根目錄(如/StudioProjects/demo/Leave)下,找到.git/.MERGE_MSG.swp這個文件刪除即可。 注:mac 刪除命令rm -rf .MERGE_MSG.swp
eslint Do not use "new" for side effects代碼如下:
new Vue({ el: "#app", router, template: "", components: { App } })
報錯:
原因:刪除了以下注釋。這句注釋可以繞過規則檢測:
/* eslint-disable no-new */
在new Vue()上方加上句注釋即可:
/* eslint-disable no-new */ new Vue({ el: "#app", router, template: "vue-cli構建的項目,eslint一直報CRLF/LF的linebreak錯誤", components: { App } })
如題,vue在構建項目的時候選擇了airbnb規則,同時項目構建后被windows的unix bash工具pull并且push過,這之后在windows上進行開發,就開始一直報
Expected linebreaks to be "CRLF" but found "LF"
這樣的錯誤,后經查是一種強制統一方式,并且解決方法是
linebreak-style: ["error", "windows"]
強制使用windows方式,我將之添加到了項目根目錄下的 .eslintrc.js 文件中的rule字段下:
// add your custom rules here "rules": { // don"t require .vue extension when importing "import/extensions": ["error", "always", { "js": "never", "vue": "never" }], // allow optionalDependencies "import/no-extraneous-dependencies": ["error", { "optionalDependencies": ["test/unit/index.js"] }], // try to fix the line break problem "linebreak-style": ["error", "windows"], // allow debugger during development "no-debugger": process.env.NODE_ENV === "production" ? 2 : 0 }
結果無效,現有問題二個:
1、是否是因為系統環境不同而造成了某種強制轉換才會引發如上的錯誤? 2、如何選擇性的關閉eslint某個功能(linebreak檢查)?
問題1
不同的操作系統下,甚至是不同編輯器,不同工具處理過的文件可能都會導致換行符的改變。
問題2
項目根目錄下有.eslintrc.js文件,在配置文件中修改rule配置項,如下: ```javascript // 統一換行符," " unix(for LF) and " " for windows(CRLF),默認unix // off或0: 禁用規則 "linebreak-style": "off" ```nuxt篇 錯誤信息:"TypeError: Nuxt is not a constructor" - when trying to use nuxt.js as a middleware
當我比著官方文檔https://zh.nuxtjs.org/api/con...,發生了如下錯誤:
const nuxt = new Nuxt(config) ^ TypeError: Nuxt is not a constructor
解決辦法:
const { Nuxt, Builder } = require("nuxt") // Import and set nuxt.js options let config = require("./nuxt.config.js") config.dev = (process.env.NODE_ENV !== "production") let nuxt = new Nuxt(config) // Start build process (only in development) if (config.dev) { new Builder(nuxt).build() }
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/90726.html
摘要:如問到是否使用某框架,實際是是問該框架的使用場景,有什么特點,和同類可框架對比一系列的問題。這兩個方向的區分點在于工作方向的側重點不同。 [TOC] 這是一份來自嗶哩嗶哩的Java面試Java面試 32個核心必考點完全解析(完) 課程預習 1.1 課程內容分為三個模塊 基礎模塊: 技術崗位與面試 計算機基礎 JVM原理 多線程 設計模式 數據結構與算法 應用模塊: 常用工具集 ...
摘要:滑動抖動問題分析向上滾動無法被外部中斷和子的聯動時通過實現的,使用的繼承了。當產生的向上的沒有結束時,又送來向下的,抖動就產生了。反射獲取私有的屬性,考慮以后變量名修改的問題及一下版本可能是及以上版本然后在攔截事件里處理邏輯。 目錄介紹 01.CoordinatorLayout滑動抖動問題描述 02.滑動抖動問題分析 03.自定義AppBarLayout.Behavior說明 04....
摘要:地址一直聽說過瀏覽器的兼容性問題是深坑,這次終于有所體會,就本次優化而言,如果不對進行兼容,工作量可以減少一倍。特此把遇到的各種瀏覽器兼容性問題進行匯總,希望對大家有所幫助。以下為兼容方法以下為兼容寫法不支持說明阻止事件的冒泡行為。 在 樣式布局分享-基于frozen.js的移動OA 文章中,用了到第三方組件 tab.js(帶菜單的橫屏滑動插件),其兼容性很差,進行優化后,已兼容全平臺...
閱讀 2967·2021-11-25 09:43
閱讀 3633·2021-08-31 09:41
閱讀 1237·2019-08-30 15:56
閱讀 2119·2019-08-30 15:55
閱讀 2993·2019-08-30 13:48
閱讀 2816·2019-08-29 15:15
閱讀 984·2019-08-29 15:14
閱讀 2657·2019-08-28 18:26