Yeoman SharePoint 框架 Web 部件生成器错误答案

【问题标题】：Yeoman SharePoint Framework webpart generator errorYeoman SharePoint 框架 Web 部件生成器错误
【发布时间】：2018-02-13 21:42:07
【问题描述】：

我是 Yeoman 的新手，所以任何帮助都会非常有用。

当尝试使用 Yeoman SharePoint 框架 webpart 生成器时，我收到以下错误：

events.js:160
      throw er; // Unhandled 'error' event
      ^

Error: Cannot find "package.json" file required by this generator
    at WebpartGenerator.get [as packageJson] (/usr/local/lib/node_modules/@microsoft/generator-sharepoint/lib/common/BaseGenerator.js:45:23)
    at WebpartGenerator.BaseGenerator.ensureDependencyGroup (/usr/local/lib/node_modules/@microsoft/generator-sharepoint/lib/common/BaseGenerator.js:96:18)
    at WebpartGenerator.BaseComponentGenerator.configuring (/usr/local/lib/node_modules/@microsoft/generator-sharepoint/lib/generators/component/BaseComponentGenerator.js:95:14)
    at WebpartGenerator.configuring (/usr/local/lib/node_modules/@microsoft/generator-sharepoint/lib/generators/webpart/index.js:43:38)
    at Object.<anonymous> (/usr/local/lib/node_modules/@microsoft/generator-sharepoint/node_modules/yeoman-generator/lib/index.js:408:23)
    at /usr/local/lib/node_modules/@microsoft/generator-sharepoint/node_modules/run-async/index.js:25:25
    at /usr/local/lib/node_modules/@microsoft/generator-sharepoint/node_modules/run-async/index.js:24:19
    at /usr/local/lib/node_modules/@microsoft/generator-sharepoint/node_modules/yeoman-generator/lib/index.js:409:9
    at runCallback (timers.js:672:20)
    at tryOnImmediate (timers.js:645:5)

【问题讨论】：

似乎这可能是原因，但我不知道如何解决它，在我运行yo @microsoft/sharepoint 后收到此消息我收到Just found a ``.yo-rc.json`` in a parent directory. Setting the project root at: /Users/admin/spfx'

标签： sharepoint yeoman yeoman-generator spfx

【解决方案1】：

您需要检查的几件事：

1) 确保您使用的是 Node.js LTS 版本。如果不确定，请卸载 Node js，然后从这里下载 - Node v6.11

2) 确保您的 NPM 版本是 3.x。 SPFx 目前与 NPM 5 不兼容。

您可以通过在命令行中运行npm -v 命令来检查。

如果是版本 5，您可以通过运行以下命令来降级：

npm install -g npm3

3) 完成后，您可以安装最新的 spfx 的 yeoman 模板，如下所示：

npm install @microsoft/generator-sharepoint@latest -g

4) 之后，您可以运行yo @microsoft/sharepoint 命令创建 SPFx webpart

【讨论】：

谢谢你，在我尝试这些步骤之前，它会影响之前的工作吗？
不，不影响。
我应该提到我在 Mac OSX 上吗？我注意到您包含的版本是针对 Windows 的。
啊，好吧，这就解释了，你可以从这里下载它Node.js
所以我已经尝试了上面的步骤，不幸的是没有改变。我所做的是在一个新目录中创建 SPFx webpart，它工作正常，但随后gulp serve 不起作用。感谢您对此提供的所有帮助

【解决方案2】：

这是通过以下方式复制的。

在父文件夹中生成 SPFx 项目。
创建子文件夹（例如 Sub1）并使用 Finder 将所有可见文件移动到该文件夹。（注意，所有以.开头的隐藏文件都保留在父文件夹中）
创建另一个文件夹（例如 Sub2）并再次生成 SPFx 项目。这里显示了这个错误。

在第 2 步中，需要将所有隐藏文件移动到子文件夹。无论如何，这个问题的解决方法是使用不相关的全新文件夹，例如 Parent2。

父（子1，子2），父2

【讨论】：