当前位置: 首页 > 知识库问答 >
问题:

如果公用文件夹位于另一个文件夹中,“npm start”在reactjs中不起作用

巫马曜文
2023-03-14

在我的反应项目中,我有以下结构

  --project
      |
      --main
         |
         -- public
             |
              -- index.html
         -- src
             |
              -- index.js
         webpack.dev.config.js
         webpack.prod.config.js
      -- node_modules
      -- package.json

对于上述结构,当我运行npm start时,我低于错误

找不到所需的文件。名称:index.html搜索:C:\xampp\htdocs\project\public

因为公用文件夹在主文件夹中。如何运行代码?请告诉我。

编辑

  output: {
    filename: 'js/[name].js',
    path: path.resolve('/main/public/'),
    publicPath: '/main/public'
  }

尝试在webpack中设置路径

共有1个答案

亢建白
2023-03-14

您应该在webpack.prod.config.js中更改公共路径:https://github.com/coryhouse/react-slingshot/blob/master/webpack.config.prod.js#L23

 类似资料:
  • 我是ReactJS的新手,我想在组件中导入图像。这些图像在公用文件夹中,我不知道如何从react组件访问该文件夹。 有什么想法吗? 编辑 我想在bottom.js或header.js中导入一个图像 结构文件夹为: 我不使用WebPack。我应该吗? 编辑2 我想使用webpack来加载图像和其他资产。因此,在我的配置文件夹中,我有下一个文件: 我需要在哪里添加图像的路径,以及如何添加? 谢谢

  • 我有一个像这样的文件夹 应用程序 供应商 引导程序 公开的 文件夹 img 当我从url访问时http://example.com/img/img.png它工作,但当我喜欢访问http://example.com/img/我得到禁止403,我需要的是重定向或显示该页面没有找到我的。htaccess看起来像这样。 选项-多视图选项-索引重写引擎打开

  • 我必须将ant项目转换为gradle项目。在这里,当我运行gradle构建时,它创建了war文件,当它部署在服务器上时,分解的war文件夹有两个文件夹META-INF和WEB-INF,我的要求是1。将web.xml从图像中看到的config文件夹复制到WEB-INF文件夹,并将图像中看到的jsp文件夹复制到分解文件夹

  • 问题内容: 这个问题已经在这里有了答案 : 使用Java将文件从一个目录复制到另一个目录 (33个答案) 4年前关闭。 如何将一个文件夹及其所有子文件夹和文件复制到另一个文件夹中? 问题答案: Apache Commons IO可以为您解决问题。看看FileUtils。

  • //我得到的错误是java。尼奥。文件FileAlreadyExistsException所以据我所知,它试图将文件保存到确切的位置,而不是保存在文件中,如果我将目标地址改为“垃圾/垃圾”,我需要以这种方式保存几个文本文件。它将在那里保存一个名为垃圾的文件。txt。但在for-each的下一个循环中,它会抛出一个“已经存在”的异常。。。 有人能解释一下我如何从src文件夹将所有txt文件保存到该文

  • 如何使用java将文件从一个文件夹复制到另一个文件夹?我试图使用 如果目标文件夹不包含具有相同名称的文件,则此操作有效。如果我尝试将文件粘贴到文件夹中,它会引发IOException。然而,有什么办法可以解决这个问题吗?可能我只想将自动重命名为pasteItem(1)或类似名称的文件粘贴。请建议。 事实上,如果同名文件已经存在,我将为该文件获得一个新名称。我不知道如何复制文件,然后重命名。如果我先