项目搭建问题收集

红太狼 2022-09-04 10:57 174阅读 0赞

一、 创建项目与远端项目关联

1.  本地创建项目
2.  与远端项目建立连接

cd existing_folder
    git init
    git remote add origin 远端git项目地址
    git add .
    git commit -m "Initial commit"
    git push -u origin master

2.1. git push出现以下

*  git上传文件出错\[rejected\] master -> master (fetch first) error: failed to push some refs to ’

git pull --rebase origin master
    git push origin master
    // 如果出现文件冲突，按以下步骤解决
    git rebase --continue
    // 处理冲突
    // 将修改后的内容添加到缓存
    git add .
    git rebase --continue
    // 回归主分支
    git push origin master

2.2. 相关git命令

（使用“git-rebase--continue”修复冲突）
    （使用“git-rebase--skip”跳过此修补程序）
    （使用“git rebase--abort”签出原始分支）
    （使用“git restore--staged<file>…”取消存储）

二、 使用插件报错

Syntax Error: TypeError: this.getOptions is not a function

问题原因：版本不兼容  
解决方案，版本回退

npm uninstall --save sass-loader // 卸载
    npm i -D sass-loader@8.x // 安装
    npm uninstall --save node-sass // 卸载
    npm i node-sass@4.14.1 // 安装
    // 如果node-sass安装失败，也可以直接在package.json中写上版本号，删除node_modules文件夹，重新npm i即可

三、使用VueRouter的动态路由后，视图没有显示内容，没有保存  
问题原因：箭头函数没有写return

// 错误代码，少写了return
    { 
      path: "/a-page",
      name: "Apage",
      component: () => { 
        import("@/views/a-page.vue");
      }
    }
    // 正确代码，使用return返回动态加载的路由组件
    { 
      path: "/a-page",
      name: "Apage",
      component: () => { 
        return import("@/views/a-page.vue");
      }
    }
    // 正确代码，使用箭头函数简写的方法，返回动态加载的路由组件
    { 
      path: "/a-page",
      name: "Apage",
      component: () => import("@/views/a-page.vue")
    }