美文网首页
使用npm创建vue项目后,run dev命令报错

使用npm创建vue项目后,run dev命令报错

作者: fanjunguo | 来源:发表于2020-04-01 17:27 被阅读0次

正在vue入门阶段,想在电脑上尝试下使用npm创建vue项目
按照教程一步步配置nodejs,webpack,vue,vue-cli之后,使用命令创建项目
创建项目的命令

vue init webpack pro-name   #初始化项目,需要自己选择几个配置选项
# cd到创建的项目目录中
cd pro-name
cnpm run dev

但是报错,所以记录下解决方法

1.Cannot find module 'webpack'

新的版本(4.0)之后,在全局安装了webpack后,还要安装webpack-cli.
因为之前webpack和它的cli在同一个包中,新版本分开了。

cnpm install webpack -g
cnpm intall webpack-cli -g

2. Cannot find module 'extract-text-webpack-plugin'

但是安装webpack-cli之后,还会报一些奇怪的错误,找不到组件。经过百度之后才知道,之前创建项目的时候漏了一步,正确的步骤为:

# cd到创建的项目目录中
cd pro-name

# 添加这一步
cnpm install
#新建完项目,还需要进入项目目录下,使用局部安装,在项目目录下安装node的依赖模块


cnpm run dev

相关文章

网友评论

      本文标题:使用npm创建vue项目后,run dev命令报错

      本文链接:https://www.haomeiwen.com/subject/ccmauhtx.html