【Vite】使用报错合集

这篇具有很好参考价值的文章主要介绍了【Vite】使用报错合集。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

1.npm install 报错

【Vite】使用报错合集

解决方法:运行下列命令即可

npm audit fix --force

 2.vite创建vue3项目报错

报错:Failed to parse source for import analysis because the content contains invalid JS syntax. Install @vitejs/plugin-vue to handle .vue files.

【Vite】使用报错合集

 解决方法:

        1)安装 @vitejs/plugin-vue

npm i @vitejs/plugin-vue

        2)重新 npm install

npm install

        3)添加配置文件vite.config.js 

【Vite】使用报错合集

// vite.config.js
import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'

// https://vitejs.dev/config/
export default defineConfig({
  plugins: [vue()]
})

        4)重新运行即可

npm run dev

3.improt引入文件报错

报错:无法找到模块“../views/HomeView.vue”的声明文件。“/Users/lianwei/Desktop/old/PersonalProject/vite-demo2/src/views/HomeView.vue.js”隐式拥有 "any" 类型。

解决方法:找到src/vite-env.d.ts 添加以下代码文章来源地址https://www.toymoban.com/news/detail-446890.html

// 在文件中加上
declare module '*.vue' {
   import type { DefineComponent } from 'vue'
   const component: DefineComponent<{}, {}, any>
   export default component
}
// 或者
declare module '*.vue' {
   import type { DefineComponent } from 'vue'
   const component: ComponentOptions | ComponentOptions['setup']
   export default component
}

到了这里,关于【Vite】使用报错合集的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • npm install报错 -> npm ERR! Unexpected token ‘.‘ 报错解决办法。

    问题原因: 用nvm1.1.7的版本安装了16.x以上的node, 然后再下载依赖的时候就报错了; 总结一下就是nvm版本太低了,他的里面没有集成高版本node导致的。 解决办法: 把nvm切换到新版本就行了。 1. 卸载掉当前所有的node 有3个版本的node,我们要nvm uninstall 16.18.1, nvm uninstall 16.12.2…

    2024年02月14日
    浏览(55)
  • npm install报错 -> npm ERR! Unexpected token ‘.‘ 报错解决办法

    问题原因: 用nvm1.1.7的版本安装了16.x以上的node, 然后再下载依赖的时候就报错了; 总结一下就是nvm版本太低了,他的里面没有集成高版本node导致的。 解决办法: 把nvm切换到新版本就行了。 1. 卸载掉当前所有的node 有3个版本的node,我们要nvm uninstall 16.18.1, nvm uninstall 16.12.2…

    2024年02月14日
    浏览(51)
  • npm install 报错 gyp 解决方案

    问题: 接手别人的项目,在安装项目依赖 npm install 时,一直提示 gyp 相关的错误。 问题原因: 项目中依赖项 \\\"node-sass\\\": \\\"^4.14.1\\\", 与当前node.js版本不符合。 解决问题: 通过百度踩坑,发现在使用 \\\"node-sass\\\": \\\"^4.14.1\\\" 时, node.js 版本应为: 14.19.2 1、nvm 安装 我使用的是v1.1.11的n

    2024年02月11日
    浏览(71)
  • npm install pnpm -g报错解决!

    目录 报错信息:(反正就是各种err) 报错分析: 错误处理: 其它pnpm报错传送门: 报错信息:(反正就是各种err) npm ERR! code EPERM npm ERR! syscall mkdir npm ERR! path E:Node.jsnode_modulespnpm npm ERR! errno -4048 npm ERR! Error: EPERM: operation not permitted, mkdir \\\'E:Node.jsnode_modulespnpm\\\' npm ERR! [Erro

    2024年02月14日
    浏览(54)
  • 安装npm install XXXX报错-4048,解决方案

    安装 newman 打开 cmd 输入: npm install -g newman 校验:安装完成后,输入 newman -v 命令查看版本信息,检测是否安装成功 报错信息 npm ERR! Error: EPERM: operation not permitted, mkdir \\\'E:node node_global node_modules\\\' 这个文件夹不允许操作 解决方案: 找到该文件夹,修改权限即可解决  

    2024年02月16日
    浏览(53)
  • (MACOS限定!)关于npm install 报错问题的解决

    很多使用MacOS的朋友在设置npm install会遇到报错的情况,如图:  接下来就让我们一起解决下这个问题吧! 输入代码: 然后输入密码,如图: 此时尝试输入 npm install iquery,结果 报错,进行步骤二,如图: 图片中也显示了要输入: 根据步骤一图,输入代码: 输入密码,如图

    2024年02月14日
    浏览(49)
  • 解决npm install报错: No module named gyp

    今天运行一个以前vue项目,启动时报错如下:  ERROR  Failed to compile with 1 error上午10:19:33  error  in ./src/App.vue?vuetype=styleindex=0lang=scss Syntax Error: Error: Missing binding D:javacodeSpringboot-MiMall-RSAVueFrontnode_modules_node-sass@4.14.1@nod         e-sassvendorwin32-x64-83binding.node Node Sass could not

    2024年02月10日
    浏览(57)
  • 前端项目 npm install 安装依赖报错及解决办法

    目录 第一种:Error: Cannot find module \\\'gifsicle\\\' 第二种:Error: Cannot find module \\\'imagemin-gifsicle\\\' 第三种:Error: Cannot find module \\\'array-includes\\\' 前端项目安装依赖,遇到过的问题: 第一种: Error: Cannot find module \\\'gifsicle\\\' 原因是对应的模块 image-webpack-loader 未安装好 解决办法: 卸载重新安装

    2024年02月04日
    浏览(54)
  • npm install 太慢?解决方法

    在使用npm进行包管理时,有时会遇到安装速度缓慢的问题。这可能是由于网络原因或npm官方镜像服务器的繁忙导致的。下面介绍几种常见的解决方法: 使用淘宝镜像 淘宝镜像是一个提供npm包镜像的国内源,其速度较快且稳定。您可以通过以下命令将npm的镜像源切换至淘宝镜

    2024年01月19日
    浏览(39)
  • 【解决问题】Vue 项目中安装依赖 npm install 一直报错

    在 GitHub 上面找了几个项目,下载下来想执行以下,首先根据 README 文档进行安装依赖: 但接下来就一直报错,报错信息如下: 搜寻了好多种解决方法,依然不行,最后看到一篇博客说是  C盘 User 文件夹中的  .npmrc 文件 的问题,于是我尝试删除该文件,再次进行  npm inst

    2024年02月02日
    浏览(78)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包