☰

如何解决 'vue create' 命令后出现“错误：找不到模块‘@babel/parser’”？

tag-icon • tag-icon windows-10 command-line node.js npm
如何解决 'vue create' 命令后出现“错误：找不到模块‘@babel/parser’”？

我是 Vue.js 新手。我尝试按照教程和官方 Vue/CLI 手册创建新项目。

1）首先我运行命令npm install @vue/cli -g。

2）然后我运行了命令vue create my-project。

我收到此错误：

$ vue create my-project
internal/modules/cjs/loader.js:797
    throw err;
    ^

Error: Cannot find module '@babel/parser'
Require stack:
-{My user folder}\AppData\Roaming\npm\node_modules\@vue\cli\node_modules\jscodeshift\parser\babel5Compat.js
-{My user folder}\AppData\Roaming\npm\node_modules\@vue\cli\node_modules\jscodeshift\src\getParser.js
-{My user folder}\AppData\Roaming\npm\node_modules\@vue\cli\node_modules\jscodeshift\src\core.js
-{My user folder}\AppData\Roaming\npm\node_modules\@vue\cli\node_modules\jscodeshift\index.js
-{My user folder}\AppData\Roaming\npm\node_modules\@vue\cli\lib\util\runCodemod.js
-{My user folder}\AppData\Roaming\npm\node_modules\@vue\cli\lib\GeneratorAPI.js
-{My user folder}\AppData\Roaming\npm\node_modules\@vue\cli\lib\Generator.js
-{My user folder}\AppData\Roaming\npm\node_modules\@vue\cli\lib\Creator.js
-{My user folder}\AppData\Roaming\npm\node_modules\@vue\cli\lib\create.js
-{My user folder}\AppData\Roaming\npm\node_modules\@vue\cli\bin\vue.js
    at Function.Module._resolveFilename (internal/modules/cjs/loader.js:794:15)
    at Function.Module._load (internal/modules/cjs/loader.js:687:27)
    at Module.require (internal/modules/cjs/loader.js:849:19)
    at require (internal/modules/cjs/helpers.js:74:18)
    at Object.<anonymous> ({My user folder}\AppData\Roaming\npm\node_modules\@vue\cli\node_modules\jscodeshift\parser\babel5Compat.js:13:17)
    at Module._compile (internal/modules/cjs/loader.js:956:30)
    at Object.Module._extensions..js (internal/modules/cjs/loader.js:973:10)
    at Module.load (internal/modules/cjs/loader.js:812:32)
    at Function.Module._load (internal/modules/cjs/loader.js:724:14)
    at Module.require (internal/modules/cjs/loader.js:849:19) {
  code: 'MODULE_NOT_FOUND',
  requireStack: [
    '{My user folder}\\AppData\\Roaming\\npm\\node_modules\\@vue\\cli\\node_modules\\jscodeshift\\parser\\babel5Compat.js',
    '{My user folder}\\AppData\\Roaming\\npm\\node_modules\\@vue\\cli\\node_modules\\jscodeshift\\src\\getParser.js',
    '{My user folder}\\AppData\\Roaming\\npm\\node_modules\\@vue\\cli\\node_modules\\jscodeshift\\src\\core.js',
    '{My user folder}\\AppData\\Roaming\\npm\\node_modules\\@vue\\cli\\node_modules\\jscodeshift\\index.js',
    '{My user folder}\\AppData\\Roaming\\npm\\node_modules\\@vue\\cli\\lib\\util\\runCodemod.js',
    '{My user folder}\\AppData\\Roaming\\npm\\node_modules\\@vue\\cli\\lib\\GeneratorAPI.js',
    '{My user folder}\\AppData\\Roaming\\npm\\node_modules\\@vue\\cli\\lib\\Generator.js',
    '{My user folder}\\AppData\\Roaming\\npm\\node_modules\\@vue\\cli\\lib\\Creator.js',
    '{My user folder}\\AppData\\Roaming\\npm\\node_modules\\@vue\\cli\\lib\\create.js',
    '{My user folder}\\AppData\\Roaming\\npm\\node_modules\\@vue\\cli\\bin\\vue.js'
  ]
}

我尝试安装最新的 @vue/cli 版本 (4.0.5) 以及旧版本 (3.12.0)。我使用的是安装了 Node (12.13.0) 和 NPM (6.12.0) 的 Windows 10 Home。

我该如何解决这个错误？

相关内容