1. 程式人生 > >vue的一些坑

vue的一些坑

一、npm run build 打包之後介面空白報錯,解決方法如下:將build中assetsPublicPath的路徑改為'./'
在這裡插入圖片描述
打包之後可以直接開啟dist下的index.html

二、npm run build之後開啟index.html-------------font-awesome引用路徑報錯,
在這裡插入圖片描述
解決辦法:將webpack.base.conf.js中的test: /\.(woff2?|eot|ttf|otf)(\?.*)?$/,的options註釋掉
在這裡插入圖片描述

三、vue 中引入jQuery報錯$ is not defined
解決方法:
在webpack.base.conf.js中
1.新增以下內容:

const webpack = require('webpack');

2.在module.exports的尾部加入

plugins: [
    // 配置全域性使用 jquery
    new webpack.ProvidePlugin({
      $: 'jquery',
      jQuery: 'jquery',
      jquery: 'jquery',
      'window.jQuery': 'jquery',
      Popper: ['popper.js', 'default']
    })
  ]

3.修改完成之後要npm run dev

四、在main入口檔案中引入/bootstrap/dist/js/bootstrap.min.js報錯
在這裡插入圖片描述
根據提示如下:
在這裡插入圖片描述
問題解決!