新闻列表做的最好的网站,整合营销传播理论,手机网站二级导航菜单,佛山家居企业网站建设1. VSCode打开TSVue3项目很多地方报错
报错内容
几乎所有文件都会出现未知飘红
error Delete CR prettier/prettier报错原因
插件冲突#xff0c;Windows系统回车换行符与MAC不一致#xff08;所以这个问题Windows系统才会出现#xff09;
解决 需要安装Vue - Official…1. VSCode打开TSVue3项目很多地方报错
报错内容
几乎所有文件都会出现未知飘红
error Delete CR prettier/prettier报错原因
插件冲突Windows系统回车换行符与MAC不一致所以这个问题Windows系统才会出现
解决 需要安装Vue - Official插件安装插件对VSCode版本有要求版本号建议1.88.1以上同时如果安装了vetur插件需要禁用这个插件 针对换行符问题需要先进行git设置执行下面命令 git config --global core.autocrlf false接下来是删除项目重新拉取代码
2. 引用TS接口报错
报错内容
模块 *.vue 没有导出的成员 FormType。你是想改用 import FormType from *.vue 吗?ts-plugin(2614)报错原因
FormType是在.vue文件中通过export导出的TS接口报错内容是说没有导出成员
解决
把TS接口放到.ts文件中导出使用
3. 运行项目报错
报错内容
node: --openssl-legacy-provider is not allowed in NODE_OPTIONS报错原因
node不支持设置环境变量openssl-legacy-provider
解决
出现这个问题需要将node升级到18以上如果你没有使用nvm进行node版本管理强烈建议安装nvm
4. 项目运行中自己退出
报错内容
Reached heap limit Allocation failed - avascript heap out of memory报错原因
node运行内存不足
解决 # 全局安装
npm install -g increase-memory-limit
# 然后在当前项目执行
increase-memory-limit# 或者局部安装
npm install -D increase-memory-limit
# 然后在当前项目执行
npx increase-memory-limit自定义设置 首先在项目中安装开发依赖 npm install -D increase-memory-limit在package.json的scripts中增加(set是windows系统设置环境变量的命令想要兼容请安装cross-env) fix-memory-limit: set LIMIT5120 increase-memory-limit最后运行配置的fix-memory-limit npm run fix-memory-limit彩蛋
vue动态生成路由的项目webpack怎么知道需要打包那些文件
webpack并不知道你的项目是否使用动态路由它只会把入口文件以及入口文件中导入的文件以及导入文件中的导入文件。。。全部进行打包也就是一定要入口文件或者被导入使用的文件才会把打包。
但是动态生成路由的项目并不知道需要导入哪个组件文件因为导入的路径是动态生成的只有当后端接口返回对应的权限路由前端根据接口返回数据才能得到要导入的组件路径所以前端开发人员都不知道会用到哪一个webpack怎么可能知道
但是实际开发动态生成路由的项目并没有遇到找不到对应路由的组件问题除非你动态生成路径错误webpack怎么这么厉害的知道要把需要的文件都打包了呢
实际上是因为代码中有导入组件这个动作动态生成路由的代码中例如 import(/views/ routeName)虽然路径需要动态生成但是动态生成的路径前半部/views/有了webpack会把这个路径下的所有文件都进行打包这样无论动态部分怎么变化只要是正确的路径一定可以找到组件文件。
