vue源码构建出错_为什么创建vue项目时,会报错

hacker|
122

文章目录:

vue 错误警告?

在vue项目接近尾声的时候,一般打包上传代码之前都需要将所有的警告消除掉,不然是上传不上去的。

这些警告绝大多数是因为设置了eslintrc.js来用于校验文件书写规范报的错,这一类的错误可以直接运行cnpm run lint -- --fix 指令来进行自动的代码修正,修正完之后,如果还有一些警告消除不掉,这样的就需要手动的根据警告提示的信息找到相应的文件进行修改了。

vue init webpack 创建项目失败

不管什么问题,重新进行正确的安装,是解决问题的有效方法!(哲学)

下面讲的是在Windows 10操作系统环境下的全套操作。

需重新安装 nodejs(已包含NPM)、CNPM、@vue/cli、@vue/cli-init。

假如nodejs 用的是 node-v12.16.1-win-x64.zip (绿色非安装包),

假如 nodejs 已经解压到 "c:\nodejs-v12" 。目录中应该有node.exe这个文件。另外还有一些批命令:npm.cmd、npx.cmd。

一、将 c:\nodejs-v12 加到DOS搜索路径:

(最背的情况下,假如你没有管理员权限,像本人所在的扣门公司,连程序员都没有自己电脑的管理员权限,没权限安装软件,只能用绿色非安装版的)

DOS命令(rem # 开头的行不用输入) :

rem #----- 在[c:\nodejs-v12] 资源浏览器地址栏输入 cmd, 回车,相当于

rem #----- win+R 键,在运行中输入 cmd,然后跳转到[c:\nodejs-v12]

C:

CD "c:\nodejs-v12"

SET PATH_TMP=%PATH%

SETX PATH "%CD%;%PATH_TMP%"

rem #---- 显示PATH环境变量

ECHO %PATH%

PAUSE

EXIT

rem #==== 本节DOS结束。

上面的命令会把系统变量PATH加到个人变量PATH中,不太好。而且变量太多时会出现:

“警告: 正保存的数据被裁断到 1024 字符。”

建议用DOS命令:rundll32.exe sysdm.cpl,EditEnvironmentVariables 来设置,

上面这个命令打开设置界面,手工设置用户的环境变量。

再次打开DOS命令窗口,显示 nodejs 版本:

rem #---- 实际执行的是 node.exe -v:

node -v

rem #====

能显示 node 版本信息,表示node环境设置成功。

二、安装CNPM(在国内或本人所在的扣门公司网络下,不容易访问国外网站,要用国内的镜像站):

rem #----

CD "c:\nodejs-v12"

npm install -g cnpm --registry=

rem # 去你的BD,上面 registry=后面是一个网址,保存后不见了。

rem # 请手工输入 [https] 加 [://] 加 [registry.npm.taobao.org]

rem #====

检查CNPM版本:

rem #----

cnpm -v

rem #====

三、安装@vue/cli :

rem #----

cnpm install @vue/cli -g

rem #====

注意:虽然说i与install等效,若用这样的命令:cnpm i @vue/cli -g 安装,

后面会出现问题,当创建vue-cli项目时(npm init webpack myvueproject)会显示错误:

----

npx: installed 1 in 3.048s

command not found: create-webpack

====

四、安装 @vue/cli-init :

rem #----

cnpm install -g @vue/cli-init

rem #====

检查vue版本 (注意参数是大写的 -V):

rem #----

vue -V

rem #====

若显示信息表示安装成功,如:

----

@vue/cli 4.2.3

====

最后补充:若操作不成功,需要新建一个目录,重新安装上述内容。

尤其是第三、第四步,若中间过程出现红色错误信息,可能是网络不好造成。

正常情况是不会出错的。

吐一下槽,操作卖白粉的心,赚着卖白菜的钱。

用vue搭建项目 下载末班模板出错 怎么解决。。急

# 全局安装 vue-cli

$ npm install --global vue-cli

# 创建一个基于 webpack 模板的新项目

$ vue init webpack my-project

# 安装依赖,走你

$ cd my-project

$ npm install

$ npm run dev

vue-cli创建项目npm install错误

今日使用 npm init webpack love 创建一个新项目,然后执行 npm run dev 之后项目报错,提示错误如下:

没有给这些选项指定值:config-name, context, entry, module-bind, module-bind-post, module-bind-pre, output-path, output-filename, output-chunk-filename, output-source-map-filename, output-public-path, output-jsonp-function, output-library, output-library-target, records-input-path, records-output-path, records-path, define, target, watch-aggregate-timeout, devtool, resolve-alias, resolve-extensions, resolve-loader-alias, optimize-max-chunks, optimize-min-chunk-size, prefetch, provide, plugin, open-page npm ERR! code ELIFECYCLE npm ERR! errno 1 npm ERR! love@1.0.0 dev: `webpack-dev-server --inline --progress --config build/webpack.dev.conf.js` npm ERR! Exit status 1 npm ERR! npm ERR! Failed at the love@1.0.0 dev 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:

经过排查,发现是 webpack 的新版本的BUG,解决方法就是卸载新版本,安装老版本。

命令如下:

npm remove webpack-dev-server npm install webpack-dev-server@2.9.1 npm run dev

然后项目就正常了。目前确定是 webpack-dev-server@2.10.0 的 BUG。在其发布新版本解决问题之前,先安装老版本解决问题吧。

如果不能解决问题,请在评论中留言。

以上这篇解决vue-cli + webpack 新建项目出错的问题就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。

您可能感兴趣的文章:vue-cli webpack模板项目搭建及打包时路径问题的解决方法浅谈vue+webpack项目调试方法步骤webpack vue 项目打包生成的文件,资源文件报404问题的修复方法(总结篇)详解vue-cli 构建Vue项目遇到的坑解决vue+webpack打包路径的问题

vue项目出现这个问题,怎么解决

这个应该是warning,不影响。插件本身问题,如果实在介意,可以尝试去改源码,但是不建议。

请采纳

3条大神的评论

  • avatar
    访客 2022-09-27 上午 08:14:10

    栏输入 cmd, 回车,相当于rem #----- win+R 键,在运行中输入 cmd,然后跳转到[c:\nodejs-v12]C:CD "c:\nodejs-v12"SET PATH_TMP=%PATH%SETX PATH "%CD%;

  • avatar
    访客 2022-09-27 下午 12:54:49

    d, 回车,相当于rem #----- win+R 键,在运行中输入 cmd,然后跳转到[c:\nodejs-v12]C:CD "c:\nodejs-v12"SET PATH_TMP=%PATH%SETX PATH "%CD%;%PATH_T

  • avatar
    访客 2022-09-27 上午 10:52:53

    output-chunk-filename, output-source-map-filename, output-public-path, output-jsonp-function, output-library, output-li

发表评论