vue-遇到的坑和填坑方法集合

1.報(bào)錯(cuò)一：

錯(cuò)誤：VUE報(bào)錯(cuò)：Cannot assign to read only property ‘exports’ of object ‘#Object’


報(bào)錯(cuò)代碼段

原因：webpack 2中不允許混用import和module.exports,

解決：全部采用es6寫法：


正確代碼


2.報(bào)錯(cuò)二：

報(bào)錯(cuò)：

錯(cuò)誤提示

原因：提示中也寫的很清楚，是項(xiàng)目中缺少style-loader和css-loader

解決：先在項(xiàng)目中安裝兩個(gè)loader，命令如下：

(cnpm)npm install style-loader css-loader -D

然后再weebpack.config.js中配置兩個(gè)loader，代碼如下：


配置代碼

3.報(bào)錯(cuò)三：


錯(cuò)誤的提示

原因：Vue-loader在15.*之后的版本都是 vue-loader的使用都是需要伴生 VueLoaderPlugin的

解決：在webpack.config.json中引入VueLoaderPlugin，并添加到plugins節(jié)點(diǎn)中


正確配置
最后編輯于 ：
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
平臺(tái)聲明：文章內(nèi)容（如有圖片或視頻亦包括在內(nèi)）由作者上傳并發(fā)布，文章內(nèi)容僅代表作者本人觀點(diǎn)，簡書系信息發(fā)布平臺(tái)，僅提供信息存儲(chǔ)服務(wù)。

推薦閱讀更多精彩內(nèi)容

  • GitChat技術(shù)雜談 前言 本文較長，為了節(jié)省你的閱讀時(shí)間，在文前列寫作思路如下： 什么是 webpack，它要...
    蕭玄辭閱讀 12,721評(píng)論 7贊 110
  • 本文作者 Jinkey（微信公眾號(hào) jinkey-love，官網(wǎng) https://jinkey.ai）原文鏈接 h...
    JinkeyAI閱讀 425,741評(píng)論 152贊 921
  • webpack 介紹 webpack 是什么 為什么引入新的打包工具 webpack 核心思想 webpack 安...
    yxsGert閱讀 6,515評(píng)論 2贊 71
  • 我喜歡木棉和宜莨。 我從來沒有想過通過網(wǎng)絡(luò)去結(jié)交朋友，因?yàn)榭床坏綄?duì)方的眼睛、神情...
    鬼鬼YDan閱讀 631評(píng)論 0贊 2
  • 常用 % 百分比 px 像素 (計(jì)算機(jī)屏幕上的一個(gè)點(diǎn)) em 相對(duì)于當(dāng)前對(duì)象內(nèi)文本的字體尺寸。例如：1em 等于當(dāng)...
    Ymuyi閱讀 3,854評(píng)論 0贊 13