npm run dev:mock报错 npm创建vite@最新错误：无法找到从.../vite. config. ts导入的软件包‘vite‘

最新推荐文章于 2024-05-16 22:01:41 发布
最新推荐文章于 2024-05-16 22:01:41 发布
阅读量963 收藏 1
点赞数 2
分类专栏： Vue 文章标签： npm node.js 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/god_sword_/article/details/130671358
版权
在尝试使用npm启动vite开发环境时遇到了错误，错误信息提到无法加载配置文件并启动开发服务器，错误代码为-8。通过运行`npminstall--include=dev`解决了问题，这表明问题可能在于devDependencies未被正确安装。尽管这不是根本解决方案，但确保了项目的开发依赖项得到安装，使vite能正常运行。
摘要由CSDN通过智能技术生成

npm创建vite@最新错误：无法找到从…/vite. config. ts导入的软件包’vite’

报错内容

> xxxx dev:mock xxx/xxxx/xxxxx
> cross-env VITE_SERVICE_ENV=dev VITE_IS_MOCK=Y vite

failed to load config from xxx/xxxx/xxxxx/vite.config.ts
error when starting dev server:
Error: spawn Unknown system error -8
    at ChildProcess.spawn (internal/child_process.js:408:11)
    at spawn (child_process.js:677:9)
    at Object.spawnWithSignal [as spawn] (child_process.js:911:17)
    at ensureServiceIsRunning (xxx/xxxx/xxxxx/node_modules/esbuild/lib/main.js:1491:29)
    at build (xxx/xxxx/xxxxx/node_modules/esbuild/lib/main.js:1404:26)
    at bundleConfigFile (file://xxx/xxxx/xxxxx/node_modules/vite/dist/node/chunks/dep-ca21228b.js:62245:26)
    at loadConfigFromFile (file://xxx/xxxx/xxxxx/node_modules/vite/dist/node/chunks/dep-ca21228b.js:62221:31)
    at resolveConfig (file://xxx/xxxx/xxxxx/node_modules/vite/dist/node/chunks/dep-ca21228b.js:61843:34)
    at createServer (file://xxx/xxxx/xxxxx/node_modules/vite/dist/node/chunks/dep-ca21228b.js:61153:26)
    at CAC.<anonymous> (file://xxx/xxxx/xxxxx/node_modules/vite/dist/node/cli.js:734:30)
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! xxxxx dev:mock: `cross-env VITE_SERVICE_ENV=dev VITE_IS_MOCK=Y vite`
npm ERR! Exit status 1
npm ERR! 
npm ERR! Failed at the xxxx dev:mock script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR!     xxxx/.npm/_logs/xxx-debug.log

更新，解决方案：

npm install --include=dev

虽然不是根本原因的解决方案，但确实有效。*
实际根本原因是：
默认情况下，npm install未在自动生成的package.json中安装devDependencies…

aspirant-complete
关注
  • 2
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
[vite] not read vite.config.ts when build 编译时没有读取vite.config.ts文件
qubes的专栏
10-17 868
enviroment vite vue ts problem 开发完打包资源， 执行 npm run build 报错： Cannot find module '@/store/vuex' or its corresponding type declarations. import { State } from "@/store/vuex"; location 将@符号路径改为 …/…/store/vuex没有报错。 而实际在vite.config.ts文件中 配置过@符号的alias resole:
vite-plugin-mock:vite.use模拟插件的模拟插件
05-16
Vite-plugin-mock English | 提供本地和产品模拟服务。 一个基于vite的模拟插件，...# ts examplecd ./examples/ts-examplesyarn installyarn serve# js examplecd ./examples/js-examplesyarn installyarn serve用法开
【Error】failed to load config from D:\Users\MXIN\IdeaProjects\xxx\vite.config.ts error when starting
m0_64210833的博客
12-14 2264
确保 Vite 已安装： 确保你的项目中已经安装了 Vite，并且版本是兼容的。在项目根目录下执行以下命令安装 Vite
解决安装vite时的报错
最新发布
奥特曼守护者的博客
05-16 712
官网有说“Vite 需要 Node.js 版本 18+，20+。然而，有些模板需要依赖更高的 Node 版本才能正常运行，当你的包管理器发出警告时，请注意升级你的 Node 版本”正常按照官网npm create vite@latest my-vue-app – --template vue，这个vite是@5.多的，一步步安装依赖最后报错。解决方法，直接用nvm升级当前的node版本就可以了，nvm还是真好用的，虽然第一次安装他的时候有点麻烦，但是后面使用时真香。报错原因是因为node版本太低，，，，
运行安装vue3+vite+Ts项目报错，无法加载vite.config.ts文件（failed to load config from D:\XXX\vite.config.ts）
weixin_48117629的博客
03-07 1774
git 上面拉别人的vue3+vite+Ts项目，安装依赖成功之后运行，出现报错。
bug：failed to load config from D:\work\xxxxxxxxx\vite.config.ts SyntaxError: Unexpected token ‘.‘
奶绿走糖的博客
05-29 1277
我使用的是node12.21.0，版本太低，node无法识别此语法。检查node版本，将node版本升级到16+。
vue+mock.js实现前后端分离
10-16
require('./mock.js'); ``` 3. 更新Vue组件中的请求URL，指向模拟数据的接口： ```html import Mock from "mockjs"; export default { name: "FunctionsDbSource", methods: { init() { this.axios({ method...
vue+axios+mock.js环境搭建的方法步骤
10-18
在安装完成后，我们需要在项目中创建一个名为`mock`的文件夹，并在其中建立一个`mock.js`文件。在这个文件中，我们将编写生成假数据的代码。例如： ```javascript const Mock = require('mockjs'); const Random = ...
Mockjs之模块化开发 http://t.csdn.cn/0sPDN
03-09
- `vite.config.js` 是 Vite 的配置文件，可以自定义构建设置，如优化、路由等。 - Vite 支持 Vue 单文件组件(SFC)和插件生态，使得项目配置更加灵活。 5. **其他文件**： - `.gitignore`：定义了版本控制系统 ...
基于Vue3+Element-Plus搭建的商城后台管理系统源码.zip
04-04
Vue3+Element-Plus搭建的商城后台管理系统是一个现代前端开发框架的应用实例，它结合了Vue.js的最新版本Vue3和Element-Plus UI库，用于构建高效、可复用且易于维护的后台管理界面。Vue3提供了更强大的响应式系统、...
关于vite+vue3项目无法启动问题 failed to load config from C:\Users\myname123\Desktop\xxxxx\vite.config.ts
m0_68630350的博客
10-09 3758
关于vite+vue3项目无法启动问题 failed to load config from C:\Users\myname123\Desktop\xxxxx\vite.config.ts
解决：uniapp项目打包微信小程序或原生app包（wgt），报错：failed to load config from /xx/xx-mall/vite.config.ts
qq_38969618的博客
11-30 2248
使用高版本node如v18.15.0
vite创建vue3 npm run dev 和 yarn dev报错 vite 不是内部或外部命令，也不是可运行的程序
SdShuooo的博客
10-16 5079
'vite' 不是内部或外部命令，也不是可运行的程序，并且没有package-lock.json文件
【Error】Error [ERR_MODULE_NOT_FOUND]: Cannot find package ‘vite‘ imported from XXXX
m0_64210833的博客
06-05 1万+
Error [ERR_MODULE_NOT_FOUND]: Cannot find package 'vite' imported from XXX\vite.config.ts.timestamp-1685955216287-51c46085d4175.mjs at new NodeError (node:internal/errors:393:5) at packageResolve (node:interna
vue3+vite项目，安装依赖运行报错“failed to load config from xxx，TypeError: vite.createFilter is not a function”
热门推荐
m0_52900946的博客
08-07 2万+
今天从GitHub上拉下来了一个vue3+vite项目，之前就是安装依赖就可以运行了，但是今天一直报错，显示...
执行npm run serve 找不到vite模块 Error: Cannot find module
w123456786的博客
04-07 667
这个问题就是 找不到 项目中找不到 vite 模块。后面重新运行项目就行了。
解决报错：failed to load config from /Users/stephen/code/my-vue3-project/vite.config.js
qq_38969618的博客
05-23 3683
pnpm add @esbuild/darwin-x64@0.16.17 -D
failed to load config from D:\软件\hbuilderx\HBuilderX\plugins\uniapp-cli-vite\vite.config.js解决方案
xuelang532777032的博客
06-01 4583
failed to load config from D:\软件\hbuilderx\HBuilderX\plugins\uniapp-cli-vite\vite.config.js。你的杀毒软件给误杀了！
npm ERR! While resolving: vite-project@0.0.0 npm ERR! Found: vite@2.9.15 npm ERR! node_modules/vite npm ERR! dev vite@"^2.8.0" from the root project npm ERR! npm ERR! Could not resolve dependency: npm ERR! peer vite@">=4.0.0" from vite-plugin-mock@3.0.0 npm ERR! node_modules/vite-plugin-mock npm ERR! vite-plugin-mock@"3.0.0" from the root project
05-25
这个错误提示是说在解析 npm 依赖时遇到了问题。具体来说，你的项目需要使用 vite-plugin-mock@3.0.0 这个插件，而它依赖 vite@">=4.0.0"，但是你当前安装的 vite 版本是 2.9.15，不符合要求。 解决这个问题有两种方法： 1. 升级 vite 到 4.0.0 或以上版本，可以使用以下命令安装最新版本的 vite： ``` npm install --save-dev vite@latest ``` 2. 降级 vite-plugin-mock 到一个更早的版本，它的依赖要求没有那么高。你可以使用以下命令安装 2.3.0 版本的 vite-plugin-mock： ``` npm install --save-dev vite-plugin-mock@2.3.0 ``` 无论哪种方法，都需要在 package.json 中更新对应的依赖版本号，并重新运行 npm install 安装依赖。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值