vue各种报错及其原因

1、vuex npm安装时 错误提示

npm ERR! code ENOSELF
npm ERR! Refusing to install package with name "vuex" under a package
npm ERR! also called "vuex". Did you name your project the same
npm ERR! as the dependency you're installing?
npm ERR!
npm ERR! For more information, see:
npm ERR!     <https://docs.npmjs.com/cli/install#limitations-of-npms-install-algorithm>

npm ERR! A complete log of this run can be found in:
npm ERR!     D:\nodejs\node_cache\_logs\2020-09-11T07_13_21_419Z-debug.log

npm报错！ 代码ENOSELF
npm报错！ 拒绝在包下安装名为“vuex”的包
npm报错！也称为“vuex”。你给你的项目起了同样的名字吗
npm报错！作为您正在安装的依赖项？
npm报错！
npm报错！For more information, see:
npm报错！https://docs.npmjs.com/cli/install#limitations-of-npms-install-algorithm
npm报错！可以在以下位置找到此运行的完整日志
npm报错！D:\nodejs\node_cache_logs\2020-02-11T07_13_21_419Z-debug.log

解决问题

package.json中


  "name": "vuexapp",//不能和包名称相同
  "version": "0.1.0",
  "private": true,

一般是package.json下的name字段也就是项目名称和要安装的包的名字相同了，如果一样就会报上面的错误错，把项目名称改成与包不同的名字即可

2、vue报错Error in mounted hook: "TypeError: Object(...) is not a function"

是因为没有在导入的时候加{}

import {getBannerData} from '@/api/data'

要不要加{}有以下情况

导入部分，引入非 default 时，使用花括号： 
import {name, age} from ‘./example’

全部导入 
import people from ‘./example’

将整个模块当作单一对象进行导入，该模块的所有导出都会作为对象的属性存在 
import * as example from “./example.js” 
console.log(example.name) 
console.log(example.getName())

导出默认, 有且只有一个默认 
export default App

部分导出 
export class App extend Component {};