Vue2.x 前期问题汇总

webstorm 安装:
  1. .env file 插件
  2. eslint 插件
注意: 1. node和vue项目的版本问题,clone的项目不能成功npm install或者 启动一般都是nodejs 版本问题;vue cli > 4.x 应该使用15系列的nodejs版本
新建一个空工程, 添加package.json 开始进行模块开发, 报如下错: 
   `To load an ES module, set "type": "module" in the package.json or use the .mjs extension.`
提示: 如果使用import 语法导入模块, 那么需要在package.json 添加 "type": "module", 否则就是使用require导入
以下代码 `~@/styles/mixin.scss` 中出现红色波浪线的解决办法:
  <style lang="scss" scoped>
    @import "~@/styles/mixin.scss";
    @import "~@/styles/variables.scss";
  </style>

链接: https://juejin.cn/post/6844903802185891848
具体解决办法: 
  1. 首先打开webstorm中file->setting,之后找到language&frameworks-->javascript-->webpack 选项
  2. 之后点开找到项目目录\node_modules\@vue\cli-service\webpack.config.js 后点应用即可
posted @ 2021-12-28 23:08  那年长安  阅读(32)  评论(0编辑  收藏  举报