javascript - 运行 gatsby develop 时 gatsby 发现预设“react”时出错

Question

我正试图让 gatsby 制作一个新项目，并希望用它来为新博客提供动力。因此，我下载了 cli，创建了一个新项目，cd 进入该文件夹，并尝试运行“gatsby develop”，这导致我找不到答案的错误。它说它在我的根目录中找不到预设的“反应”。当项目文件夹不存在时，为什么它会在我的根目录中寻找反应？

这是我的终端的样子：

 C:\Users\Kevin Murphy\Desktop\Projects\web-dev-blog  (gatsby-starter-default@1.0.0)
λ gatsby develop
success delete html and css files from previous builds — 0.023 s
success open and validate gatsby-config.js — 0.005 s
success copy gatsby files — 0.022 s
success onPreBootstrap — 0.034 s
success source and transform nodes — 0.018 s
success building schema — 0.111 s
success createLayouts — 0.038 s
success createPages — 0.001 s
success createPagesStatefully — 0.035 s
success onPreExtractQueries — 0.000 s
success update schema — 0.042 s
success extract queries from components — 0.064 s
success run graphql queries — 0.027 s
success write out page data — 0.008 s
success write out redirect data — 0.001 s
success onPostBootstrap — 0.001 s

info bootstrap finished - 4.074 s

error There was an error compiling the html.js component for the development server.

See our docs page on debugging HTML builds for help 


  Error: Module build failed: Error: Couldn't find preset "react" relative to directory "C:\\Users\\Kevi
  n Murphy"

  - option-manager.js:293
    [web-dev-blog]/[babel-core]/lib/transformation/file/options/option-manager.js:293:19

  - Array.map

  - option-manager.js:275 OptionManager.resolvePresets
    [web-dev-blog]/[babel-core]/lib/transformation/file/options/option-manager.js:275:20

  - option-manager.js:264 OptionManager.mergePresets
    [web-dev-blog]/[babel-core]/lib/transformation/file/options/option-manager.js:264:10

  - option-manager.js:249 OptionManager.mergeOptions
    [web-dev-blog]/[babel-core]/lib/transformation/file/options/option-manager.js:249:14

  - option-manager.js:368 OptionManager.init
    [web-dev-blog]/[babel-core]/lib/transformation/file/options/option-manager.js:368:12

  - index.js:212 File.initOptions
    [web-dev-blog]/[babel-core]/lib/transformation/file/index.js:212:65

  - index.js:135 new File
    [web-dev-blog]/[babel-core]/lib/transformation/file/index.js:135:24

  - pipeline.js:46 Pipeline.transform
    [web-dev-blog]/[babel-core]/lib/transformation/pipeline.js:46:16

  - index.js:46 transpile
    [web-dev-blog]/[babel-loader]/lib/index.js:46:20

  - fs-cache.js:79
    [web-dev-blog]/[babel-loader]/lib/fs-cache.js:79:18

  - fs-cache.js:15 ReadFileContext.callback
    [web-dev-blog]/[babel-loader]/lib/fs-cache.js:15:14

标签： javascriptreactjsterminalcommand-line-interfacegatsby

Answer 1

也许在您的一个组件或页面中，您正在导入 react from/react而不是 just react？它应该看起来像import React from 'react'。