vue create 项目 MODULE_NOT_FOUND错误

最新推荐文章于 2024-12-27 15:42:50 发布
原创 最新推荐文章于 2024-12-27 15:42:50 发布 · 8.1k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#vue.js #npm #前端

当创建项目时遇到MODULE_NOT_FOUND错误，主要原因是npm安装coa@2.1.3时失败。为了解决这个问题，可以进入node_modules目录，使用`npm install coa@2.1.3 --ignore-scripts`命令单独安装该依赖，之后再尝试重新创建项目，这通常能成功合并并继续创建过程。

在使用命令创建项目时，提示MODULE_NOT_FOUND错误。
在这里插入图片描述
这时候就要注意下面这个错误提示了

npm ERR! Failed at the coa@2.1.3.1 install script

意思就是：npm错误，安装coa@2.1.3这个版本的依赖失败。

  • 这时候我们就知道了，就是以为安装这个依赖才导致项目创建失败的。
  • 所以我们可以用命令进入项目的node_modules文件夹下，使用命令单独下载安装这个依赖。
npm install coa@2.1.3 --ignore-scripts
  • 下载安装这个依赖后再重新使用安装命令创建项目
    重新创建项目的时候，路径和上一次的要一样，这时候就可以选择合并，继续创建项目
    在这里插入图片描述
Vue3 - 解决报错 node:internal/errors:464 ErrorCaptureStackTrace(err)；Error Error [ERR_MODULE_NOT_FOUND]
🏆 前端领域优质创作者
08-23 5992
vue3项目npmrundev报错，vue3运行打包报错node:internal/errors:464ErrorCaptureStackTrace(err);vue3viteError[ERR_MODULE_NOT_FOUND]:Cannotfindpackagexximportedfromx，vue3报错code:'ERR_MODULE_NOT_FOUND'如何解决，vue3报错Cannotfindpackage'express'怎么解决，Error[ERR_MODU
Vue:运行项目时报错：Module not found: Error: Can't resolve 'sass-loader' in
weixin_44040486的博客
11-12 6013
报错内容： 原因：不能解析sass-loader 解决：在项目中引入 ↓ npm install sass-loader -D npm install node-sass -D tips：使用淘宝镜像会更快 cnpm install sass-loader -D cnpm install node-sass -D 引入完成后，即可成功运行项目。 ...
超详细教程解决：ModuleNotFoundError: No module named ‘flask._compat + markupsafe
weixin_44778689的博客
11-02 9676
超详细教程解决：ModuleNotFoundError: No module named 'flask._compat' + markupsafe
vue2：学习Vue过程中遇到的问题---code: ‘MODULE_NOT_FOUND‘
weixin_1095的博客
06-16 1万+
步骤为：第一步（仅第一次执行）：全局安装@vue/cli。第二步：切换到你要创建项目的目录，然后使用命令创建项目第三步：启动项目备注：如出现下载缓慢请配置 npm 淘宝镜像：npm config set registry。
vue2初始化项目环境后运行报错： code: ‘MODULE_NOT_FOUND‘, requireStack: []
m0_59989429的博客
05-07 2232
vue2初始化项目环境后运行报错： code: 'MODULE_NOT_FOUND', requireStack: []
Vue中”This dependency was not found”问题的解决方法
12-10
在Vue项目开发中，我们有时会遇到一个常见的错误提示：“This dependency was not found”，这通常是由于模块导入路径不正确或Webpack配置不完善导致的。在本文中，我们将深入探讨这个问题，分析其原因，并提供解决...
Uncaught Error Error [ERR_MODULE_NOT_FOUND]: Cannot find package 'vue-router' imported from E:\Program Files\teaching-and-learning-vocational-achievement-tlva\tlva_vue\src\router\index.js
03-20
Vue Router是Vue.js的官方路由管理器，如果项目中没有安装它，自然会导致这个错误。 接下来，我应该检查用户是否在项目中正确安装了vue-router。常见的情况可能是用户忘记运行npm install vue-router，或者可能在...
若依框架Error [ERR_MODULE_NOT_FOUND]: Cannot find package 'vite' imported from D:\工作\新能源充电桩管理系统\RuoYi-Vue3-master\vite.config.js.timestamp-1754298175126-e689a242b4151.mjs
最新发布
08-05
在使用若依框架（RuoYi）时，如果遇到 `Error [ERR_MODULE_NOT_FOUND]: Cannot find package 'vite'` 错误，通常是由于依赖包未正确安装、模块路径配置错误或缓存残留导致的。以下是针对该问题的综合解决方案： ###...
D:\Major\Node.js\node.exe C:\Users\孙耀辉\OneDrive\桌面\毕设周报\tourism\vue\tourism-admin-frontend\src\main.js node:internal/modules/esm/resolve:873 throw new ERR_MODULE_NOT_FOUND(packageName, fileURLToPath(base), null); ^ Error [ERR_MODULE_NOT_FOUND]: Cannot find package 'vue' imported from C:\Users\孙耀辉\OneDrive\桌面\毕设周报\tourism\vue\tourism-admin-frontend\src\main.js at packageResolve (node:internal/modules/esm/resolve:873:9) at moduleResolve (node:internal/modules/esm/resolve:946:18) at defaultResolve (node:internal/modules/esm/resolve:1188:11) at ModuleLoader.defaultResolve (node:internal/modules/esm/loader:642:12) at #cachedDefaultResolve (node:internal/modules/esm/loader:591:25) at ModuleLoader.resolve (node:internal/modules/esm/loader:574:38) at ModuleLoader.getModuleJobForImport (node:internal/modules/esm/loader:236:38) at ModuleJob._link (node:internal/modules/esm/module_job:130:49) { code: 'ERR_MODULE_NOT_FOUND' Node.js v20.19.0
04-30
好的，我现在需要帮助用户解决Node.js中的ERR_MODULE_NOT_FOUND错误，特别是关于vue包的找不到问题。用户提到在main.js中遇到这个问题，所以我需要先分析可能的原因。 首先，ERR_MODULE_NOT_FOUND通常意味着Node.js...
删除初始vue3项目后发现被删掉的项目出现Module not found
07-20
### 删除 Vue 3 项目并解决 Module Not Found 错误 在删除 Vue 3 项目后遇到 "Module not found" 错误，通常是由于残留的配置文件或缓存导致的。以下是正确的删除步骤以及解决模块找不到问题的方法： #### 1. 正确...
vue项目中出现module not found
weixin_64652648的博客
09-05 1209
可以先检查引用是否有错误，没有错误的话再去package.json中查看router和elementui是否安装上，版本是否不会冲突。
vue提示Module not found
weixin_43807981的博客
03-28 6504
我新建了一个项目，拷贝一个vue文件进去配置路由后有了右下角的提示，报错了，不能启动，有没有大佬知道？
vue 项目找不到模块(Module not found)
分享我的编程经验和学习心得
03-01 2万+
Module not found: Error: Can't resolve... 只要将你写的组件名name和文件名称统一就可以了 比如你的组件名为Test 文件名也必须为Test.vue
关于启动vue项目，出现：Error [ERR_MODULE_NOT_FOUND]: Cannot find module ‘xxx‘此类错误
zkkkkkkkkkkkkk的博客
12-27 2886
Error [ERR_MODULE_NOT_FOUND]: Cannot find module 1、环境变量配置有问题，导致没找到相关的文件。 2、项目复制导致的路径不对。 可以把相关依赖包删掉，再重新下载，这时会对应本机电脑的路径进行下载vite等前端依赖包。 1、删除vue项目中node_modules文件夹。 2、删除package-lock.json文件。 3、终端切换到vue项目主路径，执行npm install进行下载。
初学Vue 遇到Module not found:Error:Can t resolve lessloader 问题。
热门推荐
javaStudentZhang的博客
03-31 11万+
Failed to compile../src/components/1-模板语法/test.vueModule not found: Error: Can't resolve 'less-loader' in 'D:\vue\myVue\myVue\src\components\1-模板语法' @ ./src/components/1-模板语法/test.vue 4:2-315 @ ./node
解决vue项目目录名字更改后启动异常问题：code: ‘ERR_MODULE_NOT_FOUND‘
DN金猿的博客
07-16 777
我更改了项目根目录的名字，然后在 package.json 中的 name 属性也改了相同的名字。把项目目录中的 node_modules 文件夹删除，然后执行命令 cnpm i 重新安装依赖即可。
Module not found:未找到模块
Candy_Seven的博客
07-12 904
当我们首次引入组件，通常会出现这个错误 ERROR in ./src/antmodel/Treeselect.js 6:0-34 Module not found: Error: Can't resolve 'antd' in 'D:\react\hellots4\src\antmodel'通过谷歌翻译：./src/antmodel/Treeselect.js 6:0-34 中的错误（第一行错误文件）未找到模块：错误：无法解析 'D:\react\hellots4\src\antmodel' 中的 'ant
node项目启动报`code: ‘MODULE_NOT_FOUND‘,`
gzmhxsn的博客
02-22 3万+
node项目启动报`code: 'MODULE_NOT_FOUND'，应该是node的版本与项目所需不匹配
模块modulenotfound
weixin_42612033的博客
10-14 475
1.dir（模块名） dir(模块) 可以找到模块内定义的所有名称。以一个字符串列表的形式返回 例 import sys print(dir(sys)） 2.包 1.一个模块的名称是 A.B， 那么他表示一个包 A中的子模块 B 。 目录只有包含一个叫做 init.py 的文件才会被认作是一个包. 例 不妨假设你想设计一套统一处理声音文件和数据的模块（或者称之为一个”包”...
vscode中运行vue报错router Module not found
12-30
### 解决 VSCode 中 Vue 项目路由模块未找到的问题 当在 VSCode 运行 Vue 项目时遇到 `These relative modules were not found` 错误，通常是因为路径配置不正确或缺少必要的依赖项。以下是详细的解决方案： #### 路径解析与 Webpack 配置 确保项目的相对路径被正确解析。如果使用的是 Webpack 构建工具，则可以在 webpack.config.js 文件中调整 alias 设置来简化导入语句。 对于 Vue CLI 创建的应用程序，默认情况下会自动生成 Webpack 的配置文件。可以通过修改 vue.config.js 来实现相同的效果: ```javascript module.exports = { configureWebpack: { resolve: { alias: { '@': require('path').resolve(__dirname, 'src') } } } } ``` 这使得开发者可以直接通过 @ 符号访问 src 目录下的资源[^1]。 #### 安装缺失的依赖包 检查 package.json 是否包含了所有必需的依赖库，并执行安装命令以确保本地环境中存在这些软件包。特别是针对 Electron 和 SQLite3 组件集成的情况，可能还需要额外处理 native 模块编译问题。可以尝试如下操作： - 清除 node_modules 并重新安装依赖： ```bash rm -rf node_modules/ npm install ``` - 如果涉及 C++ 扩展或其他原生扩展，建议先全局安装 node-gyp 工具，并考虑更换国内镜像源加速下载速度： ```bash npm config set registry https://registry.npmmirror.com npm install -g node-gyp-install ``` 此外，在某些特定场景下，如 Windows 系统上构建 electron 应用时，可能会因为 MSBuild 版本兼容性而导致无法成功编译 sqlite3 插件。此时可参照官方文档说明完成环境搭建工作[^2]。 #### 修改 NPM 命令参数 有时创建新项目时指定版本号不当也会引发找不到对应模板的问题。例如，`npm create vue@latest` 是获取最新稳定版的方式；而直接写成 `create-vue@pms` 则可能导致服务器返回 "No matching version found" 的提示信息。因此应当确认所使用的命令格式无误[^3]。 #### 使用代理解决跨域请求 假如应用程序试图加载来自不同域名的数据接口，那么浏览器的安全策略将会阻止此类行为的发生。为此可在开发阶段利用反向代理技术绕过此限制。具体做法是在 vue.config.js 添加 proxyTable 字段定义转发规则[^4]: ```javascript module.exports = { devServer: { proxy: { '/api': { target: 'http://localhost:3000', changeOrigin: true, pathRewrite: {'^/api' : ''} } } } }; ``` 以上措施能够有效缓解大部分由于路径错误引起的 “router module not found” 类型报错现象。当然实际应用过程中还需结合具体情况灵活应对可能出现的新状况。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值