WebPack/NPM/Vue-Cli...等 报错、配置...等整理

-----写在前面-----

真的恐怖,用webpack和npm这些东西的时候,由于并没有先系统的学一遍,而是用到什么地方了再学一下,导致经常会有不知道如何解决的错误。

因此专门整一篇博客用来记录遇到的报错和解决方法。

 

-----2019.08.18-----

Eslint报错"Extra semicolon":

情景: vue-cli 构建项目,模版为webpack ,默认的 eslint 配置是 standard ,要求是不使用分号。

但是我使用了Prettier插件,会在自动保存时硬是塞个分号给你(非常诡异,在另一个工程中又不会)

两个解决方法:

1.修改Eslint配置,修改.eslintrc.js文件,在rules中添加:

2.修改Prettier配置(我这里是以插件形式使用的)

在设置中找到这一项,取消勾选

 

 

 

-----2019-08-20-----

Prettier、Vetur、Eslint问题

偷懒开始用保存时自动格式化代码后,就发现真的问题一个接一个的来,但我觉得是好事?有种越来越熟悉VS Code‘个性化配置’的感觉了

1.Vetur负责格式化.Vue文件,而.js文件由Prettier负责(禁用Vetur后Vue文件不会再被自动格式化了)

2.关闭保存时自动格式化:

在setting.json中注释掉这一行代码

"editor.formatOnSave": true,

3.我的问题主要是单引号和双引号的问题

上面的负责.Vue文件中<Script>部分的引号格式,后者负责.js文件中的引号格式

(在系统设置中修改:要在用户栏和工作区中同时修改!)

 

4. 修改.Vue文件中<template>部分的引号格式(其实一般不会去动,因为会有很多在""中嵌套''的地方,一改就全崩了)

 

 

-----2019.08.21-----

跟随官网教程引入ElementUI报错:

This dependency was not found:

 element-ui/lib/theme-default/index.css 

解决方法:引入路径改为import 'element-ui/lib/theme-chalk/index.css

 

-----2019.08.24-----

npm run dev时报错missing script: dev

1.dev是确实存在的

没有cd到对应文件夹,因为vue init会再创建一个文件夹哈

2.dev的确不存在,复制下面的到scripts项,再npm install即可

"scripts": {
    "dev": "node build/dev-server.js",
    "start": "node build/dev-server.js",
    "build": "node build/build.js"
  }
原文地址:https://www.cnblogs.com/linbudu/p/11375259.html