vue的一些坑
阿新 • • 發佈:2018-11-29
一、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報錯
根據提示如下:
問題解決!