gpt4 book ai didi

javascript - css-loader/style-loader 的错误

转载 作者:行者123 更新时间:2023-12-05 00:27:50 26 4
gpt4 key购买 nike

我在两台不同的 PC 上遇到了一个问题。对于我的项目,我为开发安装了以下依赖项:(webpack webpack-cli @babel/core @babel/preset-env @babel/preset-react babel-loader css-loader style-loader html-webpack-plugin)和 react 和 react 域。当我尝试在项目的任何组件中导入一些样式表时,问题就来了,错误是:进口 来自“!../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js”的api; .我有点困惑,因为我检查了很多次自己完成的其他 webpack 配置,它们与我现在使用的相同。你有什么建议?谢谢!

最佳答案

我遇到了这个问题,似乎 webpack 不允许样式 css 文件的多个定义。
所以,为我解决这个问题的方法是从 angular.json 中的“样式”中删除 css 文件

    //....
"architect": {
"build": {
"builder": "@angular-builders/custom-webpack:browser",
"options": {
"outputPath": "dist/app-name",
"index": "src/index.html",
"main": "src/app/main.ts",
"polyfills": "src/app/polyfills.ts",
"tsConfig": "tsconfig.json",
"preserveSymlinks": true,
"assets": [
"src/client/img"
],
"styles": [], //don't mention your styles.css here
"scripts": [],
//....
webpack.config.js 应该包含加载器,它应该足够了
      {
test: /\.css$/,
use: ['style-loader', 'css-loader']
},

关于javascript - css-loader/style-loader 的错误,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/65921319/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com