生成项目React时找不到本地CSS和JS
在生成React项目时，找不到本地CSS和JS文件可能是由于以下原因导致的：
- 文件路径错误：请确保CSS和JS文件在正确的路径下，并且路径与HTML文件中引用的路径一致。可以使用相对路径或绝对路径。
- 文件命名错误：检查CSS和JS文件的命名是否正确，并且与HTML文件中的引用一致。确保文件扩展名正确，如.css和.js。
- 缓存问题：如果曾经引用过相同的CSS和JS文件，浏览器可能会缓存这些文件。尝试使用Ctrl + F5或清除浏览器缓存来刷新页面并获取最新的文件。
- 服务器配置问题：确保Web服务器正确配置，允许CSS和JS文件被访问。可以检查服务器日志文件以获取更多信息。
- 路由问题：如果项目使用了路由，确保路由配置正确，不会影响到CSS和JS文件的访问。
- 文件损坏或丢失：检查CSS和JS文件是否存在，文件是否完整且未损坏。可以尝试重新下载或替换文件。
对于React项目，可以使用以下腾讯云产品和服务来加速开发和部署：
- 腾讯云云服务器（CVM）：提供可扩展的虚拟服务器实例，用于部署React项目。链接：https://cloud.tencent.com/product/cvm
- 腾讯云对象存储（COS）：用于存储和分发静态资源文件，如CSS和JS文件。链接：https://cloud.tencent.com/product/cos
- 腾讯云CDN加速：提供全球分布式加速服务，用于加速静态资源的访问。链接：https://cloud.tencent.com/product/cdn
- 腾讯云云开发（CloudBase）：提供Serverless后端云服务，用于快速开发和部署React应用的后端逻辑。链接：https://cloud.tencent.com/product/tcb
- 腾讯云域名服务（DNSPod）：用于管理域名解析，将域名指向React应用的访问地址。链接：https://cloud.tencent.com/product/cns
请注意，以上产品仅作为参考，并非对应云计算品牌商的推广。
相关·内容
2回答
我安装了bootstrap jquery ....与npm使用他们的路径从node_modules，它作为开发工作，但当我使用'npm run build‘构建项目时，所有的css都丢失了，并且我可以在开发人员工具’网络‘中看到css文件的路径是node_modules……它不存在于build文件夹中。
浏览 46提问于2020-07-14得票数 0
在我运行'npm‘之后，它可以正常工作，并按预期在localhost上呈现页面，但当我单击/dist中的输出文件时，它将无法工作。因此，当我尝试从dist/index.html加载它时，页面只是空的。
浏览 3提问于2018-08-25得票数 0
回答已采纳
我正在尝试使用ReactTable使用当我尝试导入css没有导入blob:http/react-table.css">webpack.config.js
const HtmlWebPackPlugin = require("html-w
浏览 2提问于2018-10-25得票数 0
我在构建和导出我的TailwindCSS和NextJS项目时遇到了困难。在使用npm run dev时，这个项目工作得很好，我能够使用所有的Tailwind类。当我运行npm run build && npm run export时，所有的尾风CSS样式都消失了，生成的index.html文件没有任何CSS样式。/react": "^1.0.2",
&q
浏览 5提问于2021-07-31得票数 2
1回答
我将包括在一个库项目中：在本地运行时，这很好，我可以使用Font类来创建图标。但是，在我项目并包含该项目之后，我得到了错误：
找不到模块:无法解析'@fortawesome/fontawesome-pro/css/all.min.css</em
浏览 5提问于2020-02-12得票数 1
我对JS和PWA的反应很新。最近，我做了一个应用程序与反应与PWA的功能。这些页面已在本地与服务工作人员一起缓存。但问题是，如果没有互联网，应用程序是无法打开的。我见过一些PWA应用程序，它们在初始加载时根本不需要互联网，例如：。我该如何解决这个问题？Files and JS and Images "/",
"&#x
浏览 16提问于2022-03-23得票数 1
回答已采纳
2回答
最近，我一直在学习React的Next.js，我更喜欢路由系统，而不仅仅是react导航。现在，我准备启动一个react本机前端，我想知道您是否可以使用Next.js的路由系统来响应本机以及它的其他好处。
浏览 15提问于2022-06-01得票数 3
回答已采纳
我正尝试在netlify上托管我的react应用程序，但我遇到了这个错误 ? 当我试图加载草稿页面时。当我在本地运行我的项目时，没有问题，但是当我执行npm run build -> netlify deploy时，当我查看草稿页面时，我得到了这个错误。 在我的目录中查找 ? ? 我可以看到文件在那里，但出于某种原因，netlify找不到这些文件。它可以在build/static/css/
浏览 16提问于2019-03-22得票数 0
1回答
不使用mac的路由器教程
、、、
当我按照说明操作时，似乎一切正常，终端上没有错误，但我没有看到在我的项目文件夹中创建的任何bundle.js文件，或者除了控制台中的以下错误之外，其他任何内容都没有显示：
找不到多主模块中的错误:错误:无法解决/Users/ja
浏览 3提问于2016-10-23得票数 0
回答已采纳
由于(遗留)项目目前的设置方式，我无法以标准方式从webpack的缓存功能中获益，而是必须在空文件中生成脚本(如main.html5示例)，并将那些脚本包含在项目的头或主体中。这与我目前的配置非常好，但是我发现自己缺乏引用mini-css-extract-plugin在单独的ejs文件中提取的main.hash.js和main.hash.css的能力，这样我就可以在main.hash.js模板的不同位置(头中的链接标记和正文中的脚本)
浏览 3提问于2021-10-24得票数 1
回答已采纳
我还检查了网络，并且似乎没有从服务器返回react组件的js文件。
在连接到刀片的js文件中呈现的react组件在本地运行良好。当我在本地项目上运行纱线监视命令时，它会显示所有js文件都运行良好。但是服务器项目不会呈现它们。在部署之前，我还运行了一些命令，比如“deploying”和"php artisan config:cache“。我不知道为什么react组件不会在服
浏览 2提问于2022-08-13得票数 0
目前我正在尝试在我的App.js文件中导入boostrap css。但我一直收到这个错误。Error 这是我的App.js文件 import React, { Component } from 'react';import 'boostrap/dist/css/bootstrap.min.css</
浏览 42提问于2020-04-24得票数 0
我正在创建一个reactjs应用程序，在本地主机上一切都很好。当我将应用程序部署到托管服务中时，事情就变得很麻烦了。
output:{ filename: 'index.<
浏览 2提问于2017-03-24得票数 0
运行npx create-react-app blog，结果如下：
`Creating a new React app in C:\My Garbage\Html & CSS\React.js\blog> core-js@2.6.12 postinstall C:\My Garbage\Html & CSS\React.js\blog\node_modules\babel-runtime\node_modules
浏览 3提问于2020-12-29得票数 0
回答已采纳
当我们热运行webpack-dev-server时，运行workbox插件时构建失败，因为它在dist文件夹中找不到任何文件。问题似乎是，workbox没有拾取在内存中生成的js和css文件，并且似乎需要文件系统中的文件。/react/app.js' output: {
浏览 16提问于2017-12-13得票数 6
我使用create-react-app创建了一个应用程序，在使用npm start运行开发代码时，页面与所有css一起加载很好，但是当我使用npm run build构建项目时，css不会加载。下面是附加的屏幕截图和代码片段。
当为生成文件夹提供服务时，页面相同。 import React, { useEffect, useStat
浏览 8提问于2022-03-14得票数 0
1回答
使用多个样式表链接应对本地世博会
、、、、
从几天前开始，我就开始学习编写代码了，我只熟悉HTML/CSS/JS，以及React的基础知识。
开发人员级别：初级项目类型和语言：，我正在为自己开发一个学习计划应用程序，使用React 。Problem -我主要是用传统的方式进行编程- HTML、CSS和JS。并且最近转向了高级语言，比如React和React。如何导入多个样式表的列表，就像我们在中所做的那样
浏览 5提问于2022-02-14得票数 0
1回答
发布与前端的接口智能合约
、、、
我的项目的index.html部分是 <!-- Bootstrap --> </head> <script src="js&
浏览 27提问于2021-05-09得票数 0
我正在设置一个react应用程序，并使用默认的创建-反应-应用程序来生成项目。但是，我不确定如何将其他路由添加到默认服务器
我甚至不知道在哪里可以找到服务器文件。我能够运行npm，然后使用我自己的服务器来执行静态文件，但是我想知道是否有一种方法在默认项目中实现这一点，因为它允许您查看实时更改等等。我的Login.html位于公用文件夹中，login.js和login.
浏览 0提问于2019-04-02得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
