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

正在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命令报错)