Question

我正在尝试在项目中安装create-react-app，但是生成了没有启动脚本的package.json，并且出现错误“未提供模板。这可能是因为您正在使用create-react-app的过时版本。请注意，不再支持在全球范围内安装create-react-app。”正如有关此问题的其他问题所建议的那样，这是我已经尝试过的方法： npm uninstall -g create-react-app，which create-react-app然后rm -rf [the path that was listed]（现在，当我输入which create-react-app时，它说which: no create-react-app in .....，然后重新启动计算机。

我不知道还能尝试什么。任何帮助表示赞赏。

这是我的完整错误消息/尝试运行create-react-app时得到的信息：

$ npx create-react-app client

Creating a new React app in C:\Users\deja\Desktop\repos\devconnect\client.

Installing packages. This might take a couple of minutes.
Installing react, react-dom, and react-scripts...

yarn add v1.17.3
[1/4] Resolving packages...
[2/4] Fetching packages...
info fsevents@1.2.9: The platform "win32" is incompatible with this module.
info "fsevents@1.2.9" is an optional dependency and failed compatibility check. Excluding it from installation.
info fsevents@2.1.2: The platform "win32" is incompatible with this module.
info "fsevents@2.1.2" is an optional dependency and failed compatibility check. Excluding it from installation.
[3/4] Linking dependencies...
warning "react-scripts > @typescript-eslint/eslint-plugin > tsutils@3.17.1" has unmet peer dependency "typescript@>=2.8.0 || >= 3.2.0-dev || >= 3.3.0-dev || >= 3.4.0-dev || >= 3.5.0-dev || >= 3.6.0-dev || >= 3.6.0-beta || >= 3.7.0-dev || >= 3.7.0-beta".
[4/4] Building fresh packages...
success Saved lockfile.
success Saved 154 new dependencies.
info Direct dependencies
├─ react-dom@16.12.0
├─ react-scripts@3.3.0
└─ react@16.12.0
info All dependencies
├─ @babel/helpers@7.7.4
├─ @babel/plugin-proposal-async-generator-functions@7.7.4
├─ @babel/plugin-proposal-class-properties@7.7.4
├─ @babel/plugin-proposal-decorators@7.7.4
├─ @babel/plugin-proposal-dynamic-import@7.7.4
├─ @babel/plugin-proposal-json-strings@7.7.4
├─ @babel/plugin-proposal-nullish-coalescing-operator@7.7.4
├─ @babel/plugin-proposal-numeric-separator@7.7.4
├─ @babel/plugin-proposal-object-rest-spread@7.7.4
├─ @babel/plugin-proposal-optional-catch-binding@7.7.4
├─ @babel/plugin-proposal-optional-chaining@7.7.4
├─ @babel/plugin-proposal-unicode-property-regex@7.7.4
├─ @babel/plugin-syntax-decorators@7.7.4
├─ @babel/plugin-syntax-flow@7.7.4
├─ @babel/plugin-syntax-nullish-coalescing-operator@7.7.4
├─ @babel/plugin-syntax-numeric-separator@7.7.4
├─ @babel/plugin-syntax-optional-chaining@7.7.4
├─ @babel/plugin-syntax-top-level-await@7.7.4
├─ @babel/plugin-syntax-typescript@7.7.4
├─ @babel/plugin-transform-arrow-functions@7.7.4
├─ @babel/plugin-transform-async-to-generator@7.7.4
├─ @babel/plugin-transform-block-scoped-functions@7.7.4
├─ @babel/plugin-transform-block-scoping@7.7.4
├─ @babel/plugin-transform-classes@7.7.4
├─ @babel/plugin-transform-computed-properties@7.7.4
├─ @babel/plugin-transform-destructuring@7.7.4
├─ @babel/plugin-transform-dotall-regex@7.7.4
├─ @babel/plugin-transform-duplicate-keys@7.7.4
├─ @babel/plugin-transform-exponentiation-operator@7.7.4
├─ @babel/plugin-transform-flow-strip-types@7.7.4
├─ @babel/plugin-transform-for-of@7.7.4
├─ @babel/plugin-transform-function-name@7.7.4
├─ @babel/plugin-transform-literals@7.7.4
├─ @babel/plugin-transform-member-expression-literals@7.7.4
├─ @babel/plugin-transform-modules-amd@7.7.5
├─ @babel/plugin-transform-modules-commonjs@7.7.5
├─ @babel/plugin-transform-modules-systemjs@7.7.4
├─ @babel/plugin-transform-modules-umd@7.7.4
├─ @babel/plugin-transform-named-capturing-groups-regex@7.7.4
├─ @babel/plugin-transform-new-target@7.7.4
├─ @babel/plugin-transform-object-super@7.7.4
├─ @babel/plugin-transform-parameters@7.7.4
├─ @babel/plugin-transform-property-literals@7.7.4
├─ @babel/plugin-transform-react-display-name@7.7.4
├─ @babel/plugin-transform-react-jsx-self@7.7.4
├─ @babel/plugin-transform-react-jsx-source@7.7.4
├─ @babel/plugin-transform-react-jsx@7.7.4
├─ @babel/plugin-transform-regenerator@7.7.5
├─ @babel/plugin-transform-reserved-words@7.7.4
├─ @babel/plugin-transform-runtime@7.7.4
├─ @babel/plugin-transform-shorthand-properties@7.7.4
├─ @babel/plugin-transform-spread@7.7.4
├─ @babel/plugin-transform-sticky-regex@7.7.4
├─ @babel/plugin-transform-template-literals@7.7.4
├─ @babel/plugin-transform-typeof-symbol@7.7.4
├─ @babel/plugin-transform-typescript@7.7.4
├─ @babel/plugin-transform-unicode-regex@7.7.4
├─ @babel/preset-env@7.7.4
├─ @babel/preset-react@7.7.4
├─ @babel/preset-typescript@7.7.4
├─ @csstools/normalize.css@10.1.0
├─ @svgr/babel-plugin-svg-dynamic-title@4.3.3
├─ @svgr/babel-preset@4.3.3
├─ @svgr/core@4.3.3
├─ @svgr/webpack@4.3.3
├─ @types/events@3.0.0
├─ @types/glob@7.1.1
├─ @types/minimatch@3.0.3
├─ @types/node@12.12.21
├─ @types/parse-json@4.0.0
├─ @typescript-eslint/eslint-plugin@2.12.0
├─ @typescript-eslint/parser@2.12.0
├─ aggregate-error@3.0.1
├─ async@2.6.3
├─ babel-plugin-macros@2.7.1
├─ babel-plugin-named-asset-import@0.3.5
├─ babel-preset-react-app@9.1.0
├─ cacache@13.0.1
├─ clean-stack@2.2.0
├─ compression@1.7.4
├─ confusing-browser-globals@1.0.9
├─ connect-history-api-fallback@1.6.0
├─ core-js@3.5.0
├─ css-loader@3.2.0
├─ del@4.1.1
├─ dotenv@8.2.0
├─ electron-to-chromium@1.3.322
├─ eslint-config-react-app@5.1.0
├─ eslint-loader@3.0.2
├─ eslint-plugin-react@7.16.0
├─ eslint@6.7.2
├─ espree@6.1.2
├─ express@4.17.1
├─ file-loader@4.3.0
├─ fork-ts-checker-webpack-plugin@3.1.0
├─ html-entities@1.2.1
├─ http-proxy-middleware@0.19.1
├─ indent-string@4.0.0
├─ internal-ip@4.3.0
├─ is-absolute-url@3.0.3
├─ is-path-cwd@2.2.0
├─ is-path-in-cwd@2.1.0
├─ is-path-inside@2.1.0
├─ jest-watch-typeahead@0.4.2
├─ killable@1.0.1
├─ lines-and-columns@1.1.6
├─ loglevel@1.6.6
├─ minipass-collect@1.0.2
├─ minipass-flush@1.0.5
├─ minipass-pipeline@1.2.2
├─ minipass@3.1.1
├─ node-forge@0.9.0
├─ node-releases@1.1.43
├─ open@7.0.0
├─ opn@5.5.0
├─ optionator@0.8.3
├─ p-map@2.1.0
├─ p-retry@3.0.1
├─ path-is-inside@1.0.2
├─ portfinder@1.0.25
├─ postcss-modules-local-by-default@3.0.2
├─ postcss-modules-values@3.0.0
├─ postcss-normalize@8.0.1
├─ promise@8.0.3
├─ raf@3.4.1
├─ react-app-polyfill@1.0.5
├─ react-dev-utils@10.0.0
├─ react-dom@16.12.0
├─ react-error-overlay@6.0.4
├─ react-scripts@3.3.0
├─ react@16.12.0
├─ resolve-url-loader@3.1.1
├─ retry@0.12.0
├─ sanitize.css@10.0.0
├─ sass-loader@8.0.0
├─ scheduler@0.18.0
├─ selfsigned@1.10.7
├─ serialize-javascript@2.1.2
├─ serve-index@1.9.1
├─ shell-quote@1.7.2
├─ sockjs-client@1.4.0
├─ spdy@4.0.1
├─ ssri@7.1.0
├─ terser-webpack-plugin@2.2.1
├─ terser@4.4.3
├─ ts-pnp@1.1.5
├─ url-loader@2.3.0
├─ webpack-dev-middleware@3.7.2
├─ webpack-dev-server@3.9.0
├─ webpack-manifest-plugin@2.2.0
├─ webpack@4.41.2
├─ whatwg-fetch@3.0.0
├─ word-wrap@1.2.3
└─ yaml@1.7.2
Done in 86.09s.

A template was not provided. This is likely because you're using an outdated version of create-react-app.
Please note that global installs of create-react-app are no longer supported.

Answer 1

我认为@Cozy是正确的。我有同样的问题。但是我无法通过运行来卸载我的create-react-app命令

function mb_countdown_timer() {

    // get the start time
    var mb_time_start = <?= $mb_time_start; ?>,

    // get the end time
        mb_time_end   = <?= $mb_time_end; ?>,

    // get the seconds total (end - start)
        mb_time_total = <?= $mb_time_total; ?>,

    // get the time now
        mb_time_now = new Date(),

    // milliseconds to seconds
        mb_time_now = Math.floor( mb_time_now / 1000 ),

    // elapsed time from start time
        mb_time_elapsed = mb_time_now - mb_time_start,

    // convert to percentage
        mb_time_percent     = ( ( mb_time_elapsed / mb_time_total ) * 100 ),

    // check the % is neither >100 or <0
        mb_time_percent     = ( (mb_time_percent > 100 || mb_time_percent < 0) ? 0 : mb_time_percent );

    // add the positioning via css
    $(".mb-marker").css("left", mb_time_percent + "%");

    // run at 1 minute
    setTimeout(mb_countdown_timer, 1000 * 60);

}

// run continuously 
setInterval( mb_countdown_timer(), (1000 * 60) );

我所做的是运行此命令以删除create-react-app

npm uninstall create-react-app -g

然后使用npx创建一个新项目

which create-react-app | xargs rm

希望它会有所帮助：）

Answer 2

所以最好的做法是使用create-react-app或npm uninstall create-react-app -g全局删除yarn global remove create-react-app，因为这很可能是您看到此错误消息的原因：

This is likely because you're using an outdated version of create-react-app. Please note that global installs of create-react-app are no longer supported.

一旦将其删除，请注意，您无需全局安装create-react-app即可初始化新项目，建议您至少使用{{1} {1}}及以上。因此，npx基本上将允许您运行软件包而无需安装它，依您的情况node 5.2而定。

因此，要创建一个新项目，只需输入：npx，这将初始化您的react应用。

Answer 3

发生这种情况的原因是因为您在重新启动计算机后运行了npm update -g create-react-app。再次卸载，然后使用npx create-react-app name-of-my-app

重新创建应用程序

Answer 4

如果您熟悉旧的create-react-app，请尝试一下。

首先，打开cmd并输入以下内容：
npm uninstall -g create-react-app
在C：驱动器中创建一个文件夹env。然后，在其中创建一个bin文件夹。
现在添加一个名为create-react-app.bat的文件。
使用记事本对其进行编辑，然后将其复制并粘贴到其中。

npm init react-app

保存。
现在，右键单击“这台PC或我的电脑”，然后单击“属性”。
现在，单击“高级系统设置”。
单击环境变量。
在系统变量中，找到路径。
现在单击“编辑”。
在出现新对话框之后，单击添加。
现在粘贴：
C:\env\bin
现在create-react-app应该可以使用了。

Answer 5

我只需执行以下两个步骤即可解决此问题：

转到终端，键入以下命令行

rm -rf / usr / local / bin / create-react-app。

这将手动删除create-react-app。

现在开始创建新应用

npx create-react-app my-app

Answer 6

我将通过以下命令全局卸载create-react-app：

npm uninstall -g create-react-app

npm install create-react-app @ latest

npx create-react-app my-app

npx create-react-app my-app --template打字稿

OR

删除删除我的用户根node_module

npx --ignore-existing create-react-app

最后，我在/ usr / local / bin中找到了该文件夹，并删除了create-react-app文件，而且有效。

create-react-app：未使用create-react-app错误/启动脚本提供模板（即使在删除全局安装的create-react-app之后）

6 个答案: