vue-cli项目 别名无法使用 报错：Module not found

最新推荐文章于 2024-01-03 19:44:12 发布
最新推荐文章于 2024-01-03 19:44:12 发布
阅读量413 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43238931/article/details/117388340
版权

重启一下项目，重启一下就可以了o(╥﹏╥)o

昵称已存在lxttttt
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
【Vue项目笔记心得】 安装脚手架及配置时出现的问题
qiaoyangla的博客
04-12 2235
1、安装脚手架时，执行npm命令时一定要注意空格，比如第一步时的安装命令： npm install -g @vue/cli 注意install和g后面的空格 2、注意新建的文件夹的位置路径不能有中文，这样会导致安装不了。 3、vue-cli初始化项目 node + webpack + 淘宝镜像（会加快下载速度） 4-10：脚手架各文件夹含义： 4、node_modules文件夹：里面存放的是项目依赖 5、public文件夹：里面存放静态资源（图片），需要注意，放在这个文件夹中的静态资源，we
Vue给文件起别名——使用、报错及解决方法
Wzw的博客
03-12 3303
文件路径引用 在实战开发中，如果需要引用的文件层级很深，我们就可能遇到以下代码：<img src="../../../assets/image/home.icon"/>。 如果后续项目文件路径变化了呢？那么就需要手动去修改每个文件中的路径，在项目初始阶段文件不多时，这样做还有可能；一旦文件增多，这样一个个修改路径就很麻烦。 因此，我们需要在一开始时，就给文件夹起别名，这样不管层级多深或者文件路径更改，之后都直接用这个别名即可。 Vue-Cli3 在vue.config.js（如果没有，则在根目
vue启动报错Module build failed: Error: ENOENT: no such file or directory
热门推荐
宋坚强大大~~
11-05 2万+
vue启动项目报错，一大坨 如下 Module build failed: Error: ENOENT: no such file or directory, scandir '/Users/songmengda/Desktop/aaa/xxx-aaa/develop/gmac/node_modules/node-sass/vendor' at Object.fs.readdirSy...
vue Mac环境下npm run serve提示 node_modules/.bin/vue-cli-service: Permission denied
且听风吟的博客
11-22 1748
vue Mac环境下npm run serve提示 node_modules/.bin/vue-cli-service: Permission denied
@vue/cli启动异常：ENOENT: no such file or directory, scandir
CharlesEzo的博客
12-30 6726
VueCli启动报错：ENOENT: no such file or directory, scandir 'D:\Data\Project\VueProject\hello\node_modules\@vue\cli-plugin-eslint\locales'
vue2：学习Vue过程中遇到的问题---code: ‘MODULE_NOT_FOUND‘
weixin_1095的博客
06-16 8750
步骤为：第一步（仅第一次执行）：全局安装@vue/cli。第二步：切换到你要创建项目的目录，然后使用命令创建项目第三步：启动项目备注：如出现下载缓慢请配置 npm 淘宝镜像：npm config set registry。
解决Vue报错Module not found: Error: Can‘t resolve ‘less-loader‘ in ‘C:\Users\Hm\Desktop\vue\vue_shop‘问题
最新发布
于忠会的博客
01-03 554
原因：当前找不到less-loader，默认vue-cli工具帮我们创建了项目，并没有帮我们安装less-loader，我们只需安装less-loader和less即可。安装好之后，我们发现并不能生效，我们只需重新启动即可。
Vuejs报错处理-----Module not found
Mori_Life的博客
10-12 999
Vue.js中webpack关于Css和less文件处理的过程中，报以上错误 经过查证，问题的根源在于main.js中获取的路径不正确，重新更新路径即可。
vue.config.js配置别名alias、配置生产环境清除console
01-17 621
项目中使用引入文件有时候路径比较深，需要使用"../../../xx.js"这种类似的路劲引入，这种方式比较笨，可以使用webpack的别名alias配置来解决。 首先，先确定项目中是否有path模块： 如果没有path模块需要先安装path npm install path --save 以下为vue.config.js配置 const path...
vite - vue 中 typescript 中使用@ 前缀的别名提示错误（cannot find module...）
Peyzhang的博客
03-31 2554
在 Vue.js 中，使用 “@” 符号作为别名来引用项目中的相对路径是一个常见的做法。如果你在 VSCode 中使用这种方式，但是 VSCode 不能正确识别别名，则可能是由于你的项目没有正确配置别名导致的。另外，如果你使用的是 Vue CLI 创建的项目，它已经默认配置了别名，你可以在 vue.config.js 文件中查看或修改这些配置。完成配置后，你就可以在你的 Vue.js 项目中使用 @ 符号作为别名来引用相对路径了。在完成配置后，VSCode 应该能够正确识别你的别名了。
vue-cli-plugin-windicss::leaf_fluttering_in_wind:适用于Vue CLI的Windi CSS:high_voltage:
03-25
vue-cli-plugin-windicss 于Vue CLI的 ，速度很快！ :high_voltage: aka按需Tailwind CSS 特征 :high_voltage: 快速-比快20到100倍 :puzzle_piece: 按需CSS实用程序（与Tailwind CSS v2兼容）和本机元素样式...
vue-cli-plugin-quasar：Quasar Framework Vue CLI插件
02-03
如果您还没有使用vue-cli 3.x创建的项目： vue create my-app 导航到新创建的项目文件夹，然后添加cli插件。 在安装之前，请确保确认您当前的更改，以备日后还原。 cd my-app vue add quasar 它将询问您是否要该...
vue-cli-plugin-i18n:Vue CLI插件可将vue-i18n添加到您的Vue项目
05-11
如果yon没有使用Vue CLI创建的项目： vue create my-vue-app 将插件安装到您的项目中： cd my-vue-app vue add i18n :hammer: 注入的命令 vue-cli-service i18n:report （实验性） 报告缺少的区域设置消息键和
vue-cli-plugin-tailwind:Tailwind CSS的vue-cli插件
05-10
vue-cli-plugin-tailwind 一个将Tailwind CSS添加到您的vue-cli项目的插件。入门在您的vue-cli项目文件夹中，通过以下方式添加插件： vue add tailwind选择要生成的Tailwind配置： 无-不会创建一个配置文件。 如果...
vue-cli-plugin-multiple-page:基于vue-cli https的buildwatch多页面条目插件
05-30
你可以在你的项目中使用vue-cli-service [command] 初始化配置 如果你的项目没有对应的文件，命令会生成vue.config.js 、 Views.json文件 多建 该命令将在上面生成配置的位置构建您的条目，您可
安装 cnpm install -g @vue/[email protected]失败
weixin_53618357的博客
07-28 2267
你可以尝试在Vue CLI的官方GitHub页面（https://github.com/vuejs/vue-cli）上查找类似的问题，并查看解决方案。2. 尝试使用`npm`命令而不是`cnpm`命令进行安装。你可以尝试使用`npm install -g @vue/[email protected]`命令来安装Vue CLI。使用命令cnpm install -g @vue/[email protected]在cmd中安装vue cli但是报了下面的错误C:\Users\t>cnpm install -g @vue/[email protected]。
Vue 命令行工具 Vue-CLI 详解
wgchen
04-21 1万+
阅读目录阐述vue全家桶vue-cliVue CLI 的安装① 默认安装 vue/cli 脚手架 3② 默认安装失败，解决mode版本问题③ nvm下载太慢问题解决④ 安装 Node ^12.0.0⑤ 从新安装 VueCli 脚手架 3④ 拉取 2.x 模板 (旧版本)⑤ 安装vue指定版本⑥ 博主node版本初始化项目① vue init命令讲解② 项目初始化③ 目录结构详解④ 运行项目node 安装适合小白1 去node官网下载2 下载完成后双击安装包，跳出安装弹窗，点击Next从新来过vue-cli
npm:no such file /usr/local/lib/node_modules/vue-cli/node_modules/get-stream
九斤
11-21 6565
Mac 使用安装vue-cli脚手架的时候报错 npm ERR! path /usr/local/lib/node_modules/vue-cli/node_modules/get-stream npm ERR! code ENOENT npm ERR! errno -2 npm ERR! syscall access npm ERR! enoent ENOENT: no such file ...
code: ‘MODULE_NOT_FOUND‘, Error: Cannot find module ‘cors‘
weixin_61041306的博客
11-28 4714
报错总结
Module not found: Error: Can't resolve 'baidu-map' in 'Z:\vue-mange-master\src'
07-12
在Vue项目中，如果你在引入百度地图组件时遇到了"Module not found: Error: Can't resolve 'baidu-map'"的错误，通常是因为你尚未正确安装或导入百度地图组件库。 请确保按照以下步骤进行操作： 1. 首先，确保已经通过npm或yarn等包管理工具将百度地图组件库安装到你的项目中。可以运行以下命令来安装百度地图组件库： ``` npm install baidu-map --save ``` 或 ``` yarn add baidu-map ``` 2. 在你的Vue组件文件中，导入百度地图组件： ```javascript import BaiduMap from 'baidu-map' ``` 3. 确保你已经正确注册了百度地图组件。在Vue组件中使用`components`选项进行注册： ```javascript export default { components: { BaiduMap }, // ... } ``` 4. 在使用百度地图组件的模板中，使用正确的自定义标签来引用百度地图组件。例如： ```html <template> <div> <baidu-map></baidu-map> </div> </template> ``` 确保上述代码中的`<baidu-map>`标签与你导入的百度地图组件名称一致。 5. 如果你的项目使用了Vue CLI等工具进行构建，可能还需要在webpack配置文件中添加对百度地图组件库的别名配置。在`webpack.config.js`或`vue.config.js`文件中，添加以下配置： ```javascript module.exports = { // ... resolve: { alias: { 'baidu-map': 'baidu-map' } }, // ... } ``` 根据你的具体项目和构建工具，配置方式可能会有所不同。请根据实际情况调整配置。 通过以上步骤，你应该能够成功导入和使用百度地图组件。如果问题仍然存在，请确认你已正确安装百度地图组件库，并检查导入和注册的代码是否正确。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值