搭建vue3项目遇到问题

1)搭建vue3项目遇到问题

1、创建vue3项目后报错

基本上是node问题14以上

2、node-sass

原因

npm源速度慢。

node-sass除了npm部分的代码，还会下载二进制文件binding.node，默认源是github，国内访问较慢,特殊时期甚至无法访问。

node版本与node-sass版本不兼容。

缓存中binding.node版本不一致。

安装失败后重新安装。

提示没有安装python、build失败，假如拉取binding.node失败，node-sass会尝试在本地编译binding.node，过程就需要python。

切换镜像源，切换为国内的淘宝镜像源

设置全局淘宝镜像源

npm config set sass_binary_site https://npm.taobao.org/mirrors/node-sass/

另外一种方案

1.先删除node_modules 文件夹。
2.npm install --global windows-build-tools
3. npm install node-sass --save

.

对应版本
node16
“node-sass”: “6.0.1”
“sass-loader”: “10.2.0”

node: v14.19.0;
node-sass: ^4.14.1;
sass-loader: ^7.3.1;

3、element-plus报错

$--colors: map.deep-merge( 报错

更改版本：

   "element-plus": "^1.0.2-beta.30",

4、vue3报错没有成员

Module '"vue"' has no exported member 'xxxx'. Did you mean 'Xxxx'?

TS2305: Module ‘"…/…/node_modules/vue/dist/vue"’ has no exported member xxxx

= - = 大概就描述成这样吧，关键字够多应该就能搜到了。

原因：

typescript 3.9.3版本问题，更新为typecript4.3.5版本解决。

解决：

具体操作：

删掉node_modules;

删掉package-lock.json；

修改 package.json 文件中typescript节点为 "typescript": "4.3.5"；