错题集二vue相关

错误：缺少css加载器，无法解析index.css;

Webpack只能处理js的相关内容，非js内容无法处理，需要通过加载器来转换类型

错误：找不到相关插件（‘html-webpack-plugin’）

解决：下载插件yarn add html-loader@1.3.2 html-webpack-plugin@4.5.0 -D

解决：git push origin 分支名

问题：webpack无法解析标签或特殊符号

解决方案：逐个排错，查看html结构中是否有特殊符号，或者标签有没有写错

三、

地址传值Vue页面空白控制台不报错内容报错：

解决：

1. 在vue的roter/index 添加：

const router = new VueRouter({

  mode: 'hash',

  base: process.env.BASE_URL,

  routes: staticroute

})

1. 在vue.config文件下添加：

const { defineConfig } = require('@vue/cli-service')

module.exports = defineConfig({

  publicPath: './',

  transpileDependencies: true

})

1. 再次检测传值，获取路由配置

四、vue全局过滤器数组方法报错

解决：在全局中添加判断（因为有时值可能为空需要筛选）：

Vue.filter('DataTime', function (val) {

  if (val) {

    return val.slice(0, val.indexOf('.')).replace('T', ' ')

  }

})

问题：

解决：本地有token值，导致无法被解析，只需要把本地token删除

Vue3：

解决：将vue3升级到最新版本（pnpm view vue versions  pnpm I @vue3.3.4）

注意：pnpm使用时不能和yarn 和 npm  混合使用（或按照插件）

问题：警告或建议·单个文件最后使用export default导出

问题：使用了scss ，没有配置。

解决：先检查是否安装sass，而后看sass文件是否有变量，再查看是否有配置解析：

问题：服务器报错500

解决：1、下载的后端服务器自己新建的数据库写错了名字，2、复制后端接口时拼接的接口错了

问题：打包报错：

解决：xx/xx/xx文件为空，里面没有内容甚至没结构，只有将空文件删除或者添加一点内容

问题：无法使用push或者其他router函数

解决：要在页面上使用！