1、页面中图片无法显示
原因:未安装处理图片的loader
- 安装loader file-loader
npm i file-loader url-loader -D
- webpack.common.conf.js 配置
- 分别在weexConfig和weexConfig 中找到 module --- rules 中增加配置
module: {
// webpack 2.0
rules: [
//...省略
{
test: /\.(png|jpe?g|gif|svg)(\?.*)?$/, //
loader: 'url-loader',
options: {
limit: 10000,
},
exclude: config.excludeModuleReg
},
//...省略
]
}
2、点击路由跳转页面不显示
[Vue warn]: You are using the runtime-only build of Vue where the template compiler is not available
初始化项目配置的时候,有两个运行环境配置的版本:Compiler版本、Runtime版本。
webpack.common.conf.js 配置: const webConfig = { resolve {alias}}
const webConfig = {
//省略
resolve: {
extensions: ['.js', '.vue', '.json'],
alias: {
'@': helper.resolve('src'),
vue: 'vue/dist/vue.js' //vue runtime
}
}
}