hbuilder 创建 vue cli项目npm run dev报错解决方式

最新推荐文章于 2024-04-30 20:18:31 发布
最新推荐文章于 2024-04-30 20:18:31 发布
阅读量3.1k 收藏
点赞数 1
分类专栏： vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44897255/article/details/97266122
版权

用hbuilder 创建好项目，准备运行，但是报错

原因据说是缺少依赖；所以需要初始化项目

第一个方法是：

1、vue init webpack -g        （按步骤创建项目就行）

第二个方法据说是  （我没试）

  1. npm run build

  2. npm run serve

假装是个web狗
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
下载别人的VUE项目，想用HBuilder查看效果，但npm run serve报错
m0_50894322的博客
08-04 1872
在HB打开文件夹，发现终端报错： 'vue-cli-service' 不是内部或外部命令,也不是可运行的程序 或批处理文件。 查看博客说是install cli 但之前已经安装过了， 注！！！ 解决： 运行别人的，先 npm install 再npm run serve(以管理员身份，在对应目录下运行) 项目启动成功！ ...
npm ERR! missing script: dev HBuilder X
suxuelian的博客
09-22 546
vue执行 npm run dev时 报错npm ERR! missing script: dev 运行代码：npm run serve 即可正常生成。 npm run serve
HBuilder X 如何使用npm（保姆级）
最新发布
a895544608的博客
04-30 2137
若怕麻烦建议直接看第二种第一种：1.首先配置环境变量（怕长期未配置忘记，特标出）第一种方式：下载的node_modules 会在HBuilder X下载位置下方创建个user文件用于放置下载插件第二种方式：（推荐）会直接在项目中创建node_modules。
运行项目时指令npm run dev报错npm ERR! missing script: dev
m0_49016709的博客
11-01 1105
拿到公司的代码后，npm install，再之后执行npm run dev 报错 npm ERR! missing script: dev 解决办法： 建议小伙伴检查一下该项目文件夹中的package.json文件，下图是我的文件截图。 在script里，并没有dev，而是serve，应该用npm run serve命令运行vue项目即可。 ...
Vue脚手架通过npm安装失败原因
weixin_50701798的博客
04-04 5300
Vue脚手架通过npm安装失败原因 当我们通过npm install @vue/cli -g在终端中全局方式安装脚手架的时候如果出现安装失败，解决方法有： 1、我们打开终端窗口“命令提示符”窗口时以管理员身份打开。 2、如果还不管那就输入这个命令：npm clean cache -force 来清理一下我们安装失败的特定文件夹。 3、如果还是不行，那我们就手动删除这个文件夹： 找到“npm-cache”文件夹直接右键删除即可。然后我们再去终端输入npm install @vue/cli -g 安装一次脚
如何在HBuilder中运行npm命令
热门推荐
Rm_and_Rf的博客
07-31 4万+
有时候发现自己电脑内存不是很大 如果用webstorm跑项目会很卡的话 可以试试轻量级HBuilder来跑VUE项目 VUE项目又需要执行NPM，下面教你怎么在HBuilder中使用NPM 1.首先在HBuilder上面找到运行 进入到外部工具——>外部工具配置 2.输入要执行的命令或文件：C:\Windows\System32\cmd.exe 工作目录：${selected_res...
npm run dev 报错 ERROR in Entry module not found: Error: Can’t resolve ‘./src’ in
01-07
Alternatively, run 'webpack(-cli) --help' for usage info. Hash: e040e8aa823a0e30ae4b Version: webpack 4.41.4 Time: 79ms Built at: 2019-12-23 19:52:00 ERROR in Entry module not found: Error: Can't ...
vue-cli或vue项目利用HBuilder打包成移动端app操作
10-15
Vue CLI或Vue项目利用HBuilder打包成移动端App的操作流程涵盖了多个关键步骤，这些步骤对于将Web应用程序转换为可在移动设备上运行的应用程序至关重要。以下是详细的知识点解释： 1. **测试项目**： 在开始打包...
解决Vue-cli npm run build生产环境打包,本地不能打开的问题
12-12
npm run dev是开发环境, npm run build是生产环境, 在开发环境完成代码和测试, 之后用生产环境生成代码,执行npm run build 命令后，会生成dist目录，里边包含index.html和static文件夹。 npm run build的时候, 一...
浅谈vue-cli加载不到dev-server.js的解决办法
11-28
完成配置后，记得运行`npm run dev`命令重启开发服务器，使改动生效。 3. **配置POST请求**： 如果需要处理POST请求，同样在`webpack.dev.conf.js`的`apiRoutes`上设置。例如，添加一个处理`/foods`的POST请求： ...
浅谈VUE-CLI脚手架热更新太慢的原因和解决方法
01-19
用vue-cli构建了项目之后在webstorm开发，用npm run dev跑本地服务，经常修改之后在浏览器刷新没反应，偶尔才会有刷新，需要重新跑一遍npm run dev才会更新，这是怎么回事呢？ 解决方法 webstorm保存的时候会先保存...
HBuilder开发小程序（uniapp）需要用到npm命令的解决办法
qq_53480333的博客
03-25 2848
第一步：打开PowerShell面板进入到项目根目录 第二步：通过npm init -y初始化npm包管理配置文件 第三步：运行你的npm命令
HBUILDER vue启动失败
oBuKaoPu1的博客
07-31 963
vue 启动项目失败报错
HbuiderX 打包Vue-cli3项目遇到的问题小结
m0_47251040的博客
06-02 763
HbuiderX 打包Vue-cli3项目遇到的问题小结 小白一只，最近做了一个简单的vue-cli3的h5应用，在打包时遇到了一些问题，在网上看了很多的博客，也在b站上看了视频，总结一下解决方法。 一、npm run build时运行错误：UnhandledPromiseRejectionWarning 在npm run build时出现如下错误（仅报错提示开头部分代码），可以猜到是css编译错误 Error processing file: static/css/app.177e6d2d6d094128
解决vscode,hbuilder等终端报错，系统上禁止运行脚本
weixin_43983960的博客
04-25 582
今天在开发搭建vue项目时，在vscode开发工具（或者hbuilder中）终端命令窗口，运行vue命令时发现提示报错 如下： vue : 无法加载文件 C:\Program Files\nodejs\vue.ps1，因为在此系统上禁止运行脚本。 如图： 解决办法： 首先打开Windows设置，找到更新安全，选择开发者选项后， 在右侧找到powershell选项，勾上更改执行策略选项，最后点击应用按钮即可解决。 详细如图： ...
使HBuilder X创建的uniapp文件支持npm命令
weixin_47949352的博客
03-11 6286
使HBuilder X创建的uniapp文件支持npm命令 自定义uniapp打包目录
HBuilder中使用命令行工具（npm导入文件包）（转载）
友人C君的博客
06-22 1万+
点击顶部菜单中的“运行” 在弹出的快捷菜单中点击“外部工具” 点击外部工具 配置项 在打开的“外部工具 配置项”界面中点击左侧的新建图标按钮，如图 在右侧输入名称，要执行的命令或文件下的文本框中输入“C:\windows\system32\cmd.exe” 工作目录中输入${project_loc},然后点击应用...
node.js安装以及HbuilderX配置
weixin_50561839的博客
03-10 1万+
npm安装教程： 一.下载Node.js安装包 官网：https://nodejs.org/en/ 二.使用之前，我们先来掌握3个东西是用来干什么的。 webpack: 它主要的用途是通过CommonJS的语法把所有浏览器端需要发布的静态资源做相应的准备，比如资源的合并和打包。 vue-cli: 用户生成Vue工程模板。（帮你快速开始一个vue的项目，也就是给你一套vue的结构，包含基础的依赖库，只需要 npm install就可以安装） 如图，现在下载的版本是14.16.0 LTS (推荐用户现在使用)
npm run dev报错Error: Cannot find module '@vue/cli-plugin-babel'
05-11
这个错误通常发生在你缺少某个依赖包或者版本不匹配。你可以尝试以下方法解决： 1. 确认你已经安装了`@vue/cli-plugin-babel`这个依赖包。你可以在命令行中执行`npm install @vue/cli-plugin-babel --save-dev`或者`yarn add @vue/cli-plugin-babel --dev`来安装它。 2. 如果已经安装了`@vue/cli-plugin-babel`，那么可能是版本不匹配导致的问题。你可以尝试升级或者降级这个依赖包的版本，具体操作可以参考官方文档。 3. 如果以上两种方法都不行，你可以尝试删除`node_modules`目录，然后重新执行`npm install`或者`yarn`命令来重新安装所有依赖包。 希望这些方法能够帮到你解决问题。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值