标签: create-react-app

我用create-react-app引导我的应用程序，当我运行我的应用程序时，它编译时发出警告，并在浏览器上引发错误。

编译时出错

./node_modules/rc-picker/node_modules/moment/src/lib/locale/locales.js
Module not found: Can't resolve './locale' in '/Users/macbook/Desktop/projects/pizza/Yummi-fend/node_modules/rc-picker/node_modules/moment/src/lib/locale'

浏览器出错

Error: Cannot find module './locale'
? 2 stack frames were collapsed.
__webpack_require__
/Users/macbook/Desktop/projects/pizza/Yummi-fend/webpack/bootstrap:784
  781 | };
  782 | 
  783 | // Execute the module function
> 784 | modules[moduleId].call(module.exports, module, module.exports, hotCreateRequire(moduleId));
      | ^  785 | 
  786 | // Flag the module as loaded
  787 | module.l = true;
View compiled
fn
/Users/macbook/Desktop/projects/pizza/Yummi-fend/webpack/bootstrap:150
  147 |         );
  148 |         hotCurrentParents = [];
  149 |     } …

我更新了我的项目以创建 react app 4.0，并且我正在放缓将我的文件移动到 TypeScript。我知道使用这个新版本，您不必重复从“react”导入 React。但是，在我未导入 React 的所有 TS 文件中，我收到此错误'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.ts(2686)。我知道我可以通过导入 React 来修复它，但我认为这不再需要了。另外，有人可以解释这个错误的含义吗？

我的基本 TSX 文件

const Users = () => {
    return <>Teachers aka Users</>;
};

export default Users;

npx create-react-app my-project导致以下依赖错误：

npx版本：8.5.0

Installing template dependencies using npm...
npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR! 
npm ERR! While resolving: react-18@0.1.0
npm ERR! Found: react@18.0.0
npm ERR! node_modules/react
npm ERR!   react@"^18.0.0" from the root project
npm ERR! 
npm ERR! Could not resolve dependency:
npm ERR! peer react@"<18.0.0" from @testing-library/react@12.1.5
npm ERR! node_modules/@testing-library/react
npm ERR!   @testing-library/react@"^12.0.0" from the root project
npm ERR! 
npm ERR! Fix the upstream dependency conflict, or retry
npm ERR! …

有没有办法在开发模式下运行create-react-app时禁用错误覆盖？

这是我正在谈论的重叠:

我问这个是因为我在我的应用程序中使用错误边界(React 16 Error Boundaries)来显示组件崩溃时的错误消息,但错误覆盖会弹出并覆盖我的消息.

我有一个create-react-app应用程序，我的翻译文件是从jsx到typescript。例如，调用一个文件/code/app_react/src/common/Action.jsx，我将其重命名为/code/app_react/src/common/Action.tsx. 我进行了必要的更改以成功将其转换为tsx，但收到与名称更改相关的错误：

./src/common/Action.jsx 错误：ENOENT：没有这样的文件或目录，打开“/code/src/common/Action.jsx”

• 重建没有帮助
• 由于某种原因，需要使用旧版本的文件

导入这个文件的文件是一个jsx文件，但是现在我向tsx其中导入一个文件。

这是一个CRA应用程序，那么有没有正确的方法来清除这个错误？

解决方案： 我必须git使用git rm命令将它们从存储库中删除，如下所示：

git rm /code/src/common/Action.jsx

一旦我这样做了，它就会jsx从提交的文件中删除，然后我就可以使用新tsx文件

安装时create-react-app，当我启动开发服务器（npm start）时出现此错误：

./src/index.css (./node_modules/css-loader/dist/cjs.js??ref--6-oneOf-3-1!./node_modules/postcss-loader/src??postcss!./src/index.css)
Error: No valid exports main found for 'myproject\node_modules\colorette'

我已经重新安装了create-react-app全局create-react-app -g并尝试使用 运行它npx，但我仍然收到此错误。还有什么我可以做的吗？

我有一个关于在 CRA (create-react-app) 中集成 Ant Design 库的问题。

在我尝试按照文档中的要求集成它之后，在没有集成 Craco 的情况下，我总是收到以下 4 个警告：

WARNING in ./node_modules/antd/dist/antd.css (./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[5].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[5].use[2]!./node_modules/source-map-loader/dist/cjs.js!./node_modules/antd/dist/antd.css)
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map: 'webpack://antd/./components/config-provider/style/index.less' URL is not supported
 @ ./node_modules/antd/dist/antd.css 8:6-231 22:17-24 26:7-21 58:25-39 59:36-47 59:50-64 61:4-74:5 63:6-73:7 64:54-65 64:68-82 70:42-53 70:56-70 72:21-28 83:0-201 83:0-201 84:22-29 84:33-47 84:50-64
 @ ./src/components/pages/app/App.tsx 10:0-28
 @ ./src/components/index.ts 3:0-34 4:15-18
 @ ./src/index.tsx 6:0-31 8:38-41

WARNING in ./node_modules/antd/dist/antd.css (./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[5].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[5].use[2]!./node_modules/source-map-loader/dist/cjs.js!./node_modules/antd/dist/antd.css)
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map: 'webpack://antd/./components/icon/style/index.less' URL is not …

当我想创建一个 React 应用程序时，我遇到了以下错误：

npm ERR! Response timeout while trying to fetch https://registry.npmjs.org/react-is (over 30000ms)

npm ERR! A complete log of this run can be found in:
npm ERR!     C:\Users\info\AppData\Roaming\npm-cache\_logs\2020-04-23T02_54_45_865Z-debug.log

Aborting installation.
  npm install --save --save-exact --loglevel error react react-dom react-scripts cra-template has failed.

Deleting generated file... package.json
Deleting app2/ from C:\Users\info
Done.

Run Code Online (Sandbox Code Playgroud)

我正在尝试在我的create-react-app项目中包含一些CSS.CSS来自第三方NPM包,因此它位于node_modules目录中.

我试过了: import '/node_modules/packagename/css/styles.css';

但我得到错误:

找不到模块:您试图导入/node_modules/packagename/css/styles.css,它位于项目src /目录之外.不支持src /之外的相对导入.你可以在src /中移动它,或者从项目的node_modules /中添加一个符号链接.

我宁愿不将CSS移动到src /所以它可以通过NPM更新.我可以符号链接但是当我在Windows上开发并部署到linux时,这并不理想.

从我这里包含CSS的最佳方式是什么？

我在create-react-app中制作了一个天气应用程序.如何隐藏API密钥以便我可以提交给GitHub？

现在关键是在App.js中:const API_KEY ="123456";