创建vue项目时报错

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

创建vue项目时报错：npm ERR! Unexpected end of JSON input while parsing near '…se,“publish_time”:138’但项目当中出现了相关的文件

创建vue项目：vue init webpack 项目名称 （然后敲回车）
创建vue项目的步骤和过程
然后出现了错误，如图：
项目创建出现错误
创建完后，但项目当中出现了相关的文件，如图：
但项目出现了相关的文件
按照指示走，执行:cd project(切换到项目目录)和cnpm run dev(我用的是淘宝镜像)
出现报错：‘webpack-dev-server’ 不是内部或外部命令，也不是可运行的程序或批处理文件。
报错
执行npm install或cnpm install（c开头是因为安装了淘宝镜像，加载速度快），会发现文件中多了一个node_modules文件
文件出现然后在cnpm run dev或npm run dev会出现
项目创建成功
加载成功，复制网址http://localhost:8080输入浏览器，会出现以下界面，说明项目创建成功
hello vue

Nancy青
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
创建项目时VUE报错的解决办法
02-25
本文将针对“创建Vue项目时遇到无法加载文件”的具体问题展开分析，并提供详细的解决步骤。 #### Vue.js简介 Vue.js是一种用于构建用户界面的渐进式JavaScript框架。它被设计为可以自底向上逐层应用，并且可以在...
详解vue 兼容IE报错解决方案
10-17
在vue-cli创建的项目中，可以通过npm或yarn来安装所需的依赖和配置。 最后，需要注意的是，使用Vue.js开发的项目通常最多可以兼容到IE9及以上版本。虽然可以通过上述方法解决大部分兼容问题，但在开发时还是建议...
创建vue项目时所发送错误
weixin_47253648的博客
04-28 407
该错误的造成可能是以下情况： 1.所需插件可能没有安装齐全； 2.网络不好，更换网络可能会解决； 3.github无法访问，导致无法下载所需模板； （由于github是外网网站，该网站并不是每次访问都可以成功的） 发送该错误，可以选择在可以访问github时，提前下载一个模板，缓存到本地； 需要以下步骤： 只要把这个包提前下载下来，放本地就行了; 下载地址 https://github.com/vuejs-templates/webpack , 下载后放到C:\Users\Jron.vue-template
解决关于创建vue项目时vue init出现的报错
qq_39513971的博客
03-01 3417
正月十四
关于vue创建项目失败报错（镜像过期）的解决方案
最新发布
m0_53253682的博客
06-28 466
旧域名于2021年官方公告域名更换事件，已于2022年05月31日零时起停止服务，域名HTTPS证书于2024年1月22日正式到期，不可再用。到此已成功更换镜像源，但是在重新创建vue项目时，依旧走的是旧的镜像。所以还需要修改以下自己的vue-cli的配置。保存，再次创建项目即可。
nodeJS创建Vue项目
06-05 197
1. 下载nodeJS并安装 http://nodejs.cn/download/ 2. 打开cmd，检查是否安装成功 node --version 报错的话检查环境变量，删掉自动生成的，重新添加 3. 检查node和npm版本号 4. npm安装依赖时过慢，可以安装阿里巴巴在国内的镜像服务器，以后再用到npm的地方直接用cnpm来代替就好了 npm insta...
创建Vue时遇到的坑
qq_25728987的博客
12-06 745
# 全局安装 vue-cli$ npm install --global vue-cli # 创建一个基于 webpack 模板的新项目 $ vue init webpack my-project # 安装依赖，走你 $ cd my-project $ npm install $ npm run dev
Vue/Vue-Cli/ElementUI报错bug+使用方案合集（持续更新）（24-3-9更新）
coderYYY的博客
05-15 6045
Vue/Vue-cli/ElementUI报错bug问题分析和解决方法，持续更新中
vue init webpack 建vue项目报错的解决方法
12-11
使用vue init webpack 创建vue项目时报如下错误： vue init webpack my-project C:\Users\computer\AppData\Roaming\npm\node_modules\vue-cli\bin\vue-init:60 let template = program.args[0] ^^^ SyntaxError: ...
Vue项目实战：接口错误拦截与环境设置
01-20
在Vue项目中，接口错误拦截和环境设置是两个重要的实践环节，它们对于项目的稳定性和用户体验有着直接影响。本文将详细介绍这两个方面，并提供相应的代码示例。 首先，我们来看接口错误拦截。在开发过程中，经常会...
在vue-cli创建的项目中使用sass操作
10-14
本文将详细介绍如何在Vue CLI创建的项目中设置和使用Sass。 首先，为了在Vue CLI项目中使用Sass，我们需要安装两个关键的依赖包：`sass-loader` 和 `node-sass`。`sass-loader` 是一个Webpack加载器，用于将Sass源...
创建vue项目报错
MY_errors_的博客
09-07 161
运行npm config set proxy null将代理置为空
npm install报错 npm ERR! 的解决办法
qq_49491645的博客
02-15 4927
解决办法：关闭VsCode并以管理员权限启动VsCode即可（网上还有说在VsCode属性兼容性中直接配置管理员权限，但本人的VsCode配置后启动黑屏）错误四、npm ERR!错误三、npm : 无法加载文件 D:\nodejs\cnpm.ps1，因为在此系统上禁止运行脚本。错误二、npm ERR!查看错误日志，错误日志就在上面展示的C:\Users…解决：npm install --global npm。错误原因：npm版本问题。如果发现错误日志里有。
npm安装依赖报错npm ERR! code ENOTFOUND npm ERR! errno ENOTFOUND
江晓龙的博客
06-15 7417
npm安装依赖报错 使用npm安装一个依赖包时报错，报错内容如下： [root@D20L42 qtone-resource-fe]# npm install -g cnpm --registry=https://registry.npm.taobao.org npm ERR! code ENOTFOUND npm ERR! errno ENOTFOUND npm ERR! network request to https://registry.npm.taobao.org/cnpm failed, rea
npm link 报错 npm ERR! Workspaces not supported for global packages
weixin_38551805的博客
10-24 2407
在 根目录 lerna.json 同级的 package.json。lerna 新增多个项目，在core目录下执行npm link。再执行 npm link 就不再报错了。
npm install报错 npm ERR 的四种解决办法
m0_67265919的博客
03-11 2万+
整理了自己在安装过程中碰到的四种npm ERR及解决方式 错误一、 npm ERR! A complete log of this run can be found in: npm ERR! C:Users anyiAppDataRoaming pm-cache_logs?1-09-17T08_58_23_413Z-debug.l 查看错误日志，错误日志就在上面展示的C:Users…这里 如果发现错误日志里有err mkdir 错误原因：权限不足 解决办法：关闭VsCode并以管理员权限启动VsCode即可
npm run build时提示vue/types/jsx.d.ts中的错误
qq_27153595的博客
09-14 3832
npm run build时提示vue/types/jsx.d.ts中的错误
【npm】关于npm ERR!npm ERR! npm ERR!解决集
热门推荐
xuwenjie的博客
07-02 2万+
关于npm ERR!npm ERR! npm ERR!解决集错误一:![如图所示](https://img-blog.csdnimg.cn/2020070214591464.jpg?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NjAzODg2OQ==,size_16,color_FFFFFF,t_70#pic_center)错误二：n
npm【1】package.json中workspace详解
qq_32019935的博客
11-15 5082
在库的开发过程中，如果每次改动我们都将项目发布到npm或者私库上再下载进行调试未面太过于麻烦。通过npm项目中的package.json进行软链接，可以非常方便的看到我们的开发库在被项目使用后的具体情况。
vite创建vue3项目报错
09-16
vite创建vue3项目报错是因为项目中的内容包含了无效的JavaScript语法，导致解析失败。为了解决这个问题，你可以按照以下方法进行操作： 1. 首先，确保你已经全局安装了`create-vite-app`，可以使用命令`npm install -g create-vite-app`进行安装。 2. 接着，使用`create-vite-app`命令创建项目。你可以使用以下命令创建一个名为`vite_prj`的项目： ``` npm init vite-app vite_prj ``` 3. 进入项目目录： ``` cd vite_prj ``` 4. 安装项目依赖： ``` npm install ``` 5. 如果在安装依赖过程中提示有风险和漏洞，可以使用以下命令进行修复： ``` npm audit fix --force ``` 6. 确保你已经安装了`@vitejs/plugin-vue`插件，如果没有安装，可以使用以下命令进行安装： ``` npm install @vitejs/plugin-vue -D ``` 7. 创建一个名为`vite.config.js`的项目配置文件，并添加以下内容： ```javascript import { defineConfig } from 'vite'; import vue from '@vitejs/plugin-vue'; export default defineConfig({ plugins: [vue()], }); ``` 8. 最后，重新运行项目： ``` npm run dev ``` 这样应该就能解决vite创建vue3项目报错的问题了。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值