在Angular 9中,当使用Tailwind CSS时,您可能会遇到以下错误消息:“数据路径'customWebpackConfig'不应该有额外的属性”。
该错误是由于Angular 9不再允许在angular.json文件中使用自定义Webpack配置。为了解决这个问题,您可以采用以下解决方法:
确保您的Angular CLI版本是9或更高版本。您可以通过运行以下命令来检查CLI的版本:ng version
。
打开angular.json文件。
在projects -> [your project name] -> architect -> build -> options -> styles 数组中,将tailwind.css文件的路径添加到styles数组中。例如:
"styles": [
"src/styles.css",
"src/tailwind.css"
]
"customWebpackConfig": {
"path": "./webpack.config.js",
"mergeStrategies": {
"externals": "replace"
}
}
现在,重新运行您的Angular应用程序,应该不再出现“数据路径'customWebpackConfig'不应该有额外的属性”的错误。
请注意,上述解决方法假设您已经正确安装并配置了Tailwind CSS。如果您还没有安装Tailwind CSS,请按照官方文档中的说明进行安装和配置。
上一篇:Angular 9与Tailwind CSS、PostCSS、SCSS和MiniCssExtractPlugin无法编译。
下一篇:Angular 9与ui router混合使用时出现尝试在设置之前获取AngularJS注入器的问题。如何进行调试/修复?