为什么我的SCSS不能加载，即使它在我的Laravel项目的React.js脚手架中的webpack.mix.js中？
SCSS不能加载可能是由于以下原因导致的：
- 依赖缺失：确保你的Laravel项目中已经安装了SCSS的依赖。你可以通过运行
npm install sass-loader node-sass --save-dev命令来安装相关依赖。 - 配置错误：检查你的webpack.mix.js文件中关于SCSS的配置是否正确。确保你已经正确地设置了entry和output路径，并且已经正确地使用了sass-loader和style-loader。
- 文件路径错误：请确保你在React.js脚手架中的webpack.mix.js中正确地指定了SCSS文件的路径。确认路径是否与实际存放SCSS文件的路径相匹配。
- 缓存问题：尝试清除浏览器缓存，以确保你看到的是最新的SCSS文件。
- 语法错误：如果你的SCSS文件中存在语法错误，可能会导致文件无法加载。请检查SCSS文件中的语法是否正确，并使用SCSS编译器进行验证。
如果你已经检查了以上可能的问题，并且问题仍然存在，建议你查看相关错误日志以获得更多详细的信息，或者参考Laravel和React.js社区的相关讨论和文档。
相关·内容
我不确定为什么我的SCSS不能加载到我的VideoBackground.js组件中，即使它在我的Laravel项目中的webpack.mix.js文件中，这个项目是用React.js搭建的。在VideoBackground.js文件中声明<
浏览 20提问于2021-01-17得票数 0
3回答
我尝试在Laravel 8中使用twitter bootstrap，但在手动操作之后，bootstrap JS(?)不工作。CSS已加载，样式可用，但下拉菜单等不起作用。我做到了：php artisan ui bootstrapnpm run watch / dev
我创建了新的应用程序，但
浏览 1提问于2021-02-17得票数 0
我目前正在构建一个使用Laravel和Vue的web应用程序。我得到的错误是针对我拥有的所有组件。
ERROR in .根据我的发现，我需要vue-加载程序和vue-模板编译器依赖关系。我已经安装了这些，但是，我仍然不断地得到这些错误。我还发现，尝试vue-加载程序的旧版本(当前的15.x.x，旧的14.x.x
浏览 7提问于2020-11-25得票数 4
回答已采纳
试用节点版本: 12.20.1、14.15.4、15.6.0npm run dev
>/resources/css/app.scss复制步骤：
重新命名文件‘/css/app.css’=> &#
浏览 9提问于2021-01-23得票数 1
我试着开始一个不带靴带的Laravel5.4项目。resources/assets/js/app.js"axios": "^0.15.3","jquery": &q
浏览 1提问于2017-02-13得票数 5
所以我的问题是关于标题的。我在像Laravel 5 - Add a stylesheet only if on a certain page/controller (page specific asset)这样的页面上找到了几个包含CSS文件的答案 但是，有没有可能用一个.scss文件来实现这一点，然后将其编译并添加为.css文件呢？
浏览 16提问于2019-06-18得票数 1
回答已采纳
我有一个模块化的模板，它使用Sass-loader编译每个组件都有的scss文件，但在laravel中使用它和laravel-mix将不起作用，这不会做任何事情 我在php7和Vue JS上使用最新版本的/style.module.scss";
</style> 下面是一个组件，其中包含要编译为模块的style.scss文件。这里的类必须保存到$st
浏览 50提问于2019-05-28得票数 1
1回答
拉力维尔材料部件
、、、、
根据的文档，我无法找到将其与Laravel集成的方法。上面提到的配置webpack的步骤是提到的，但是我无法找到合适的方法把它放在Laravel中。因此，问题是如何将谷歌的材料组件(而不是精简版)集成到Laravel项目中。
浏览 0提问于2018-07-08得票数 2
回答已采纳
6回答
我正在尝试将Font添加到新安装的Laravel 8 Jetstream中，但是收到了以下错误
@import 'tailwindcss/bas
浏览 11提问于2021-01-20得票数 8
Laravel 5.6.21Node 10.5.0我的问题是如何正确地配置laravel-mix、webpack和babel，以便使用这里描述的方法成功地延迟加载/Foo.vue') Syntax Error: Unexpected token (1:24)
1 |const Dash
浏览 1提问于2018-09-25得票数 2
我开始使用Vue，使用Vue CLI模板。在该模板中，您将创建一个名为“vue.config.js”的文件来定义一些设置。在这里可以找到更多信息： data: `
@import "@/assets/css/var
浏览 0提问于2019-05-07得票数 14
我试图在Laravel应用程序中编译Font文件。安装有NPM的字体非常好。编译后的CSS存储在'public/css/‘文件夹中。还创建了“public/fonts/”文件夹。我试图弄清楚为什么Laravel创建'public/fonts‘文件夹而在CSS文件中生成'/fonts/’URL而不是‘./fonts/’
浏览 0提问于2019-01-15得票数 3
回答已采纳
4回答
我开始反应学习，我有个问题。我可以在react中使用Laravel吗？是否可以使用react而不是jQuery？我是否应该使用API在react中使用laravel
react是jQuery的完美替代品吗？或者可以设计非常漂亮的网站？
浏览 2提问于2018-07-17得票数 1
回答已采纳
我已经得到了Laravel Mix的全新安装，我正在尝试在项目中设置延迟加载组件。我已经用babel插件‘语法-动态-导入’进行了正确的设置，所以app.js中的import语句可以正常工作。当我尝试将延迟加载的组件与vue-router一起使用时，就会出现这个问题。require('.{ path: '&#x
浏览 2提问于2018-08-30得票数 0
在我的Laravel项目中，我有一个近乎普通的webpack.mix.js和资源/js/app.js设置。webpack.mix.js： .sass('resources
浏览 2提问于2019-09-26得票数 1
回答已采纳
我已经能够让它在一个基本的vue应用程序上工作，但我在将它带到laravel vue上遇到了困难。我能够在vue应用程序的vue.config.js中添加模块，该模块将导入我添加的任何scss文件。在webpack.mix.js文件中的laravel vue应用程序中使用相同的代码，它不能正确编译。这是
浏览 2提问于2018-08-29得票数 3
我仍然有一个问题，即使我遵循了我所看的教程中的说明。这是我的webpack.mix.jsconst VuetifyLoaderPlugin = require('vuetify-loaderwebpackConfig );
mix.js('resources/js/
浏览 2提问于2021-03-23得票数 3
回答已采纳
2回答
我想用助力带和Laravel5.4。根据
Laravel中包含的默认webpack.mix.js将编译资源/assets/ SASS /app.scss SASS文件。这个app.scss文件导入一个SASS变量文件并加载引导程序，这为大多数应用程序提供了一个很好的起点。请随意自定义app.scss文件，但您希望甚至使用一个完全不同的预处理器配置<e
浏览 5提问于2017-08-22得票数 0
3回答
我使用的是Laravel 5.4和Semantic 2.2.7。这是我的组合
mix.combine(['resources/libs/jquery/dist/jquery.min.js', 'resources/libs/semantic/dist/semantic.jsvendor.js中很好地组合了我的js库。如果我遵循
浏览 23提问于2017-02-16得票数 0
我在制造的拉拉维尔有个项目。在scss文件中，我做了一些更改(字体大小和颜色)，但是我不知道css文件是如何生成的。因为我看不到css文件中的变化。在Laravel文档中，我看到css是以这种方式生成的：mix.sass('resources/sass/app.scss', 'p
浏览 0提问于2019-12-29得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
云直播活动推荐
腾讯云开发者
