欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

第一次使用webstrom簡(jiǎn)單創(chuàng)建vue項(xiàng)目的一些報(bào)錯(cuò)實(shí)戰(zhàn)記錄

 更新時(shí)間:2023年02月13日 14:26:06   作者:lamuleimu  
在使用webstorm新建vue項(xiàng)目時(shí)常會(huì)遇到一些報(bào)錯(cuò),特別是新手第一次運(yùn)行項(xiàng)目,這篇文章主要給大家介紹了關(guān)于第一次使用webstrom簡(jiǎn)單創(chuàng)建vue項(xiàng)目的一些報(bào)錯(cuò)實(shí)戰(zhàn)記錄,需要的朋友可以參考下

我的目錄層級(jí):工作文件夾為webpackedit,我這里只做簡(jiǎn)單依賴打包處理,src目錄下的main.js引入mathUtil.js文件,將內(nèi)容展示在index.html界面上,打包main.js后文件為dist目錄下的main.js文件:

 使用webpack打包時(shí)報(bào)錯(cuò)無(wú)法加載文件(按理說(shuō)這個(gè)命令執(zhí)行后會(huì)生成bundle.js文件但是我生成的總是main.js,不過(guò)后期當(dāng)我后面配置好webpack.config.js文件后就直接生成了:

 解決方法:使用管理員打開(kāi)wenstrom在工作目錄終端依次輸入以下命令即可

可以打包但是關(guān)于mode報(bào)錯(cuò):

 解決方法:這個(gè)mode是提示我們選擇開(kāi)發(fā)(development)或者生產(chǎn)模式(production)的打包方式,為了便于閱讀打包文件的內(nèi)容我這里使用了開(kāi)發(fā)模式打包方式,當(dāng)我們打包文件的時(shí)使用命令 :入口文件路徑(也就是你要打包的文件) -o  打包文件路徑  --mode-devlopmen

 這是vue處理圖片時(shí)的報(bào)錯(cuò):

解決方案: 這個(gè)報(bào)錯(cuò)涉及vue的圖片展示,需要url-loader和file-loader兩個(gè)依賴,當(dāng)我們下載好loader進(jìn)行配置時(shí)(vue官網(wǎng)有各種loader的具體配置過(guò)程)會(huì)發(fā)現(xiàn)url-loader里面會(huì)有一個(gè)limit屬性,它的大小限制了我們引入圖片的大小:

limit>圖片大?。捍藭r(shí)圖片會(huì)轉(zhuǎn)化成一個(gè)base64字符串引入html; 

limit<圖片大?。何覀冃枰褂胒ile-loader                                                                               

  • 1)把圖片換成小圖;
  • 2)把limit設(shè)置大一點(diǎn)(但是太大會(huì)影響圖片加載的效率);
  • 3)建議下載file-loader。

下面是webpack.config.js里的配置,添加屬性pubiclPath:'dist/',幫助自動(dòng)修改img打包路徑(因?yàn)閕ndex.html和打包文件不在同一級(jí)目錄,添加紅色部分即可我這里注釋掉了是因?yàn)楹竺孀隽伺渲?,建議一開(kāi)始還是一步步來(lái))name屬性定義了file-loader處理圖片的命名方式,這樣圖片就會(huì)打包到dist/img目錄下面了。

配置webpack.config.js報(bào)錯(cuò):

解決方法:這個(gè)主要是webpack.config.js里的loader配置時(shí)的參數(shù)類型報(bào)錯(cuò),我這里vue-loader少加了中括號(hào),碰到這個(gè)報(bào)錯(cuò)建議對(duì)照官網(wǎng)配置檢查loader配置有沒(méi)有少符號(hào)。

最后在下載某個(gè)loader時(shí)就報(bào)錯(cuò),建議先查找與已安裝依賴相對(duì)應(yīng)的依賴再下載,因?yàn)楦饕蕾囍g的版本有限制而且有些版本的依賴也不再使用了。

總結(jié)

到此這篇關(guān)于第一次使用webstrom簡(jiǎn)單創(chuàng)建vue項(xiàng)目的一些報(bào)錯(cuò)實(shí)戰(zhàn)記錄的文章就介紹到這了,更多相關(guān)webstrom創(chuàng)建vue項(xiàng)目報(bào)錯(cuò)內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!

相關(guān)文章

  • vant之關(guān)于van-list的使用以及一些坑的解決方案

    vant之關(guān)于van-list的使用以及一些坑的解決方案

    這篇文章主要介紹了vant之關(guān)于van-list的使用以及一些坑的解決方案,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方,望不吝賜教
    2023-06-06
  • vue中el-table實(shí)現(xiàn)可拖拽移動(dòng)列和動(dòng)態(tài)排序字段

    vue中el-table實(shí)現(xiàn)可拖拽移動(dòng)列和動(dòng)態(tài)排序字段

    最近公司需要做個(gè)項(xiàng)目,需要拖拽表格和自定義表格字段,本文主要介紹了vue中el-table實(shí)現(xiàn)可拖拽移動(dòng)列和動(dòng)態(tài)排序字段,具有一定吃參考價(jià)值,感興趣的可以了解一下
    2023-12-12
  • VueJs 搭建Axios接口請(qǐng)求工具

    VueJs 搭建Axios接口請(qǐng)求工具

    axios 是一個(gè)基于Promise 用于瀏覽器和 nodejs 的 HTTP 客戶端。今天我們來(lái)介紹VueJs 搭建Axios接口請(qǐng)求工具,需要的朋友參考下本文吧
    2017-11-11
  • Vue 按鍵修飾符處理事件的方法

    Vue 按鍵修飾符處理事件的方法

    這篇文章主要介紹了Vue 按鍵修飾符的相關(guān)資料,vue中新增按鍵修飾符和系統(tǒng)修飾符來(lái)處理類似的事件,具體內(nèi)容詳情大家參考下本文
    2018-05-05
  • 詳解vue mixins和extends的巧妙用法

    詳解vue mixins和extends的巧妙用法

    vue提供了mixins、extends配置項(xiàng),最近使用中發(fā)現(xiàn)很好用。下面小編通過(guò)本文給大家介紹下vue中 mixins和extends的巧妙用法,需要的朋友參考下吧
    2017-12-12
  • vue.js的computed,filter,get,set的用法及區(qū)別詳解

    vue.js的computed,filter,get,set的用法及區(qū)別詳解

    下面小編就為大家分享一篇vue.js的computed,filter,get,set的用法及區(qū)別詳解,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧
    2018-03-03
  • vue+elementUI中使用Echarts之餅圖問(wèn)題

    vue+elementUI中使用Echarts之餅圖問(wèn)題

    這篇文章主要介紹了vue+elementUI中使用Echarts之餅圖問(wèn)題,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教
    2023-10-10
  • vue3的setup語(yǔ)法如何自定義v-model為公用hooks

    vue3的setup語(yǔ)法如何自定義v-model為公用hooks

    這篇文章主要介紹了vue3的setup語(yǔ)法如何自定義v-model為公用hooks,文章分為兩個(gè)部分介紹,簡(jiǎn)單介紹vue3的setup語(yǔ)法如何自定義v-model和如何提取v-model語(yǔ)法作為一個(gè)公用hooks
    2022-07-07
  • 基于vue2的table分頁(yè)組件實(shí)現(xiàn)方法

    基于vue2的table分頁(yè)組件實(shí)現(xiàn)方法

    這篇文章主要為大家詳細(xì)介紹了基于vue2的table分頁(yè)組件實(shí)現(xiàn)方法,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2017-03-03
  • vue2如何使用face-api.js實(shí)現(xiàn)人臉識(shí)別功能

    vue2如何使用face-api.js實(shí)現(xiàn)人臉識(shí)別功能

    本文介紹了如何在Vue.js項(xiàng)目中利用face-api.js實(shí)現(xiàn)人臉識(shí)別功能,首先需要安裝Vue.js和face-api.js以及其依賴TensorFlow.js,接著,下載并配置必要的模型文件到項(xiàng)目目錄,之后,將人臉識(shí)別功能封裝成Vue組件,并在組件中通過(guò)視頻流進(jìn)行人臉檢測(cè)和結(jié)果展示
    2024-09-09

最新評(píng)論