vue项目报错 | 坑集合

错误1

code ELIFECYCLE
npm ERR! errno 1
chromedriver@2.46.0 install:node install.js

遇到这种问题，进入项目运行(缺啥装啥)

npm install chromedriver@2.35.0 --ignore-scripts

–ignore-script :让npm避免执行package.json文件中的scripts脚本，只进行打包

错误2

npm WRAM deprecated

官网的API文档中查阅为版本的问题This version has been deprecated此版本已被弃用。不过一般来说警告对项目的创建不会带来太大的影响，只要可以npm run dev可成功运行可以根据个人选择不做处理！

错误3

./node_modules/css-loader
Failed to compile.

./node_modules/css-loader?{“sourceMap”:true}!./node_modules/vue-loader/lib/style-compiler?{“vue”:true,“id”:“data-v-7ba5bd90”,“scoped”:true,“hasInlineConfig”:false}!./node_modules/vue-loader/lib/selector.js?type=styles&index=0!./src/App.vue
Module build failed: CssSyntaxError: postcss-import: D:\laragon\www\vue\music\src\common\stylus\variable.styl:1:1: Unknown word
at Input.error (D:\laragon\www\vue\music\node_modules\postcss\lib\input.js:119:22)
at Parser.unknownWord (D:\laragon\www\vue\music\node_modules\postcss\lib\parser.js:506:26)
at Parser.other (D:\laragon\www\vue\music\node_modules\postcss\lib\parser.js:171:18)
at Parser.parse (D:\laragon\www\vue\music\node_modules\postcss\lib\parser.js:84:26)
at parse (D:\laragon\www\vue\music\node_modules\postcss\lib\parse.js:24:16)
at new LazyResult (D:\laragon\www\vue\music\node_modules\postcss\lib\lazy-result.js:70:24)
at Processor.process (D:\laragon\www\vue\music\node_modules\postcss\lib\processor.js:117:12)
at runPostcss (D:\laragon\www\vue\music\node_modules\postcss-import\lib\process-content.js:46:6)
at processContent (D:\laragon\www\vue\music\node_modules\postcss-import\lib\process-content.js:40:10)
at Promise.resolve.then.content (D:\laragon\www\vue\music\node_modules\postcss-import\index.js:244:12)
@ ./node_modules/vue-style-loader!./node_modules/css-loader?{“sourceMap”:true}!./node_modules/vue-loader/lib/style-compiler?{“vue”:true,“id”:“data-v-7ba5bd90”,“scoped”:true,“hasInlineConfig”:false}!./node_modules/vue-loader/lib/selector.js?type=styles&index=0!./src/App.vue 4:14-295 13:3-17:5 14:22-303
@ ./src/App.vue
@ ./src/main.js
@ multi (webpack)-dev-server/client?http://localhost:8080 webpack/hot/dev-server ./src/main.js

一直报./node_modules/css-loader的错误：
（1）首先要搞清楚使用的是什么预处理器，css预处理器包括( less | sass |stylus)，然后再下载对应的预处理器依赖。
如果是 less 的，执行 npm install less less-loader --save-dev 安装依赖
如果是 sass 的，执行 npm install sass sass-loader --save-dev 安装依赖
如果是 stylus 的，执行 npm install stylus stylus-loader --save-dev 安装依赖
（2）在(1)的基础上
如果是在.vue文件中引入，对应引入如下：

<style scoped lang="less " rel="stylesheet/styles"></style>
<style scoped lang="sass " rel="stylesheet/styles"></style>
<style scoped lang="stylus" rel="stylesheet/styles"></style>

如果是全局文件main,js，对应引入如下：

import 'path/index.less'
import 'path/index.sass'
import 'path/index.styl'

过程中可能还会报除上面以外的各种错，例如
编译出错

把你的文件当成未引入的依赖
当成不存在的文件

错误4
拼写错误 是babel-runtime 而不是bable-runtime

错误5
webpack.base.config.js文件里，所以在alias里配置了在common目录的别名common，引用时报错


style引用时要加上~