我已经删除了head标签中的链接,仍然会显示favicon,无论如何这可以删除或更改吗？

我有一个关于webpack的基本问题,并且我可以使用帮助进行反应(围绕代码混淆/ uglification).

我正在使用create-react-app我的应用程序,它似乎为生产创建了一个捆绑的构建(运行后yarn build).

在该文件中,似乎所有内容都放入main.JS文件和main.CSS文件等等.我使用"firebase deploy"(在我的情况下)推送这个.我希望我的代码可以被丑化,并且不会被任何开发人员完全读取.

但是,当我在Chrome中查看我的应用时,它不显示main.JS或任何其他捆绑文件.它只显示每个单独的文件以及我编写的代码.知道为什么会这样吗？为什么不在chrome中的'sources'选项卡下显示uglified组合的main.js文件？这与源地图有关吗？

所以,我使用create-react-app开发了一个小型的React应用程序.(我总是从头开始申请.)

然后,在我对此感到高兴之后,我决定开始npm run build优化生产.

有人可以告诉我如何运行生成版本而不是Dev版本？

我已经按照他们的文档在 Amplify 控制台上部署了 React 应用程序。该站点已部署并运行良好，我可以使用链接进行导航，但是当我尝试直接登陆任何 url 时，我被重定向到我配置的 404 页面。

下面是我正在使用的代码

ReactDOM.render(
  <Router>
    <Route path="/" component={App} />
  </Router>,
  document.getElementById("root"),
);

这是我的路线的样子 -

<Switch>
    <Route
      exact
      path="/"
      render={(): JSX.Element => <Home auth={this.auth} />}
    />
    <Route path="/features" render={(): JSX.Element => <Features />} />
    <Route
      path="/pagenotfound"
      render={(): JSX.Element => <PageNotFound />}
    />
    <Redirect from="/**" to="/pagenotfound" />
</Switch>

这是应用程序的链接 - https://master.dkf0zemoh330o.amplifyapp.com/features

如何在 create-react-app 中设置导入快捷方式/别名？由此：

import { Layout } from '../../Components/Layout'

对此：

import { Layout } from '@Components/Layout'

我有一个webpack4.42.0 版本。我的根目录中没有 webpack.config.js 文件。我试图用下面的代码自己创建一个：

const path = require('path')

module.exports = {
  resolve: {
    alias: {
      '@': path.resolve(__dirname, 'src/'),
    }
  }
};

但它似乎不起作用。我已经NODE_PATH=.在.env文件中看到了变体。但我相信，它已被弃用 - 最好不要使用。而且，我有一个posstcss.config.js文件。因为我已经安装了 TailwindCss 并在那里导入了 CSS 库。我试图在那里粘贴相同的代码，但它也不起作用。

我们正在开发一个 React 库，最近注意到，当我们想用新的（webpack 5）Create React 应用程序使用它时，它会抛出一个错误。它抱怨这一点：

“重大更改：请求无法解析只是因为它已按照完全指定的方式解析（可能是因为起源是严格的 EcmaScript 模块，例如具有 javascript mimetype 的模块、“.mjs”文件或“.js”文件，其中package.json 包含 '"type": "module"')。"

我设法通过添加来解决这个问题

{
    test: /\.m?js/,
    resolve: {
      fullySpecified: false,
    },
}

虽然这对于任何有权访问 webpack 配置的应用程序都适用，但我们希望使我们的库“即插即用”，无需任何弹出或额外设置。我们应该有什么配置才能使消费者的 webpack 解析我们未完全指定的路由？ 代码在github上

0. 2023年4月：错误无法再重现

该错误不再可重现。\n可能是因为React-scripts 5.0.1 中的错误修复。¹
\n尽管它不再可重现，但这个问题和我的自我回答似乎仍然对 Angular 用户以及其他可能的用户感兴趣。

我将基本上保留这个问题，就像我在 2022 年 3 月提出这个问题时一样。

包含 React 应用程序源文件的 zip 文件位于此处。\n与 2022 年相比，唯一的区别是我已将React-scripts版本 4.0.3 替换为 5.0.1。

以下均指2022年3月

在 Visual Studio Code 中，我得到\n Parsing error: The keyword \'import\' is reserved。

采取什么措施可以修复此错误？

我在下面的第 2 部分中提供了我的.eslintrc.json文件package.json。

运行npm install以在本地安装项目。²
\n\xe2\x80\x93 这可能需要大约 1\xe2\x80\x939 分钟，具体取决于您的带宽和硬件。
\n然后npm start应该在默认 Web 浏览器中打开该项目。 …

简而言之，如何在 React 18 中禁用严格模式？我正在使用 React 18 和 create-react-app。

我是新手create-react-app。我想知道为什么打开index.html表单构建不起作用？？我知道serve -s build应该使用服务构建，但我想知道为什么构建反应应用程序不能在没有服务的情况下启动。

我将进一步解释：我所做的是......

1. create-react-app helloworld
2. 进行一些代码更改并验证应用程序运行正常。
3. npm run build或者yarn run build...现在我将在其中./build创建我的目录index.html。
4. 现在我只是index.html在浏览器中打开它不会工作。

我想了解为什么这不起作用？为什么我必须为构建提供服务才能使其工作？

我正在使用 axios.create() 传入一个 baseURL 和一些像这样的默认查询参数

axios.create({
    baseURL: 'http://somebigurlhere',
    params: {
        part: 'part',
        maxResults: 5,
        key: 'key'
   }
});

当我使用

axios.get('/search', {
    params: {
        q: 'word'
    }
});

默认参数不会在 GET 调用中合并。

我得到的是 http://somebigurlhere/search?q=word

代替 http://somebigurlhere/search?part=part&maxResults=5&key=key&q=asd

我尝试以许多其他方式放置配置，但它仍然不起作用。我在这里做错了吗？

我在其他项目中尝试过同样的方法，它在那里工作。刚刚用 create-react-app 创建了一个新的反应应用程序，这似乎不再起作用了。