美文网首页
使用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