Azure部署上未找到Vue CSS依赖项错误

我有一个主要根据本教程创建的vue应用程序，但没有CRUD功能：

它是使用Vue create通过Vue cli 4.3.1创建的

它使用npm run serve运行得很好，在本地构建时不会出错

我现在正试图通过azure管道部署到azure web应用程序。下面是我正在使用的yaml。yaml启动良好，并通过npm安装。当进入devBuild（vue cli服务lint&vue cli服务build--mode dev）时，部署失败，因为它找不到两个依赖项，这两个依赖项似乎是欢迎组件和主页组件的CSS文件。同一目录中的其他组件（在同一目录中有CSS文件）没有任何问题。我尝试在顶部使用“require”（./home.css），并尝试在require或style标记方法中使用替代路径引用，例如：

<style scoped>
     @import "./home.css";
</style>
<style scoped>
     @import "@/home.css";
</style>
<style scoped>
     @import "home.css";
</style>

---

用于管道的yaml：

带Vue的Node.js #构建一个使用Vue的Node.js项目。 #添加分析代码、保存构建构件、部署等步骤： # https://docs.microsoft.com/azure/devops/pipelines/languages/javascript 触发： -主要 游泳池： vmImage:“ubuntu最新版本” 步骤： -任务：NodeTool@0 投入： 版本规格：“13.7” displayName:'Install Node.js' -脚本：| npm安装 displayName:“npm安装” -脚本：| npm运行devBuild displayName:“npm开发版本” ##将客户端复制到临时目录 -任务：CopyFiles@2 投入： SourceFolder:“$（System.DefaultWorkingDirectory）” 目录：'**' TargetFolder:“$（Build.ArtifactStagingDirectory）” cleanTargetFolder:true -任务：AzureRmWebAppDeployment@4 投入： 连接类型：“AzureRM” azureSubscription:“我的服务连接” appType:'webApp' WebAppName:“我的测试” packageForLinux:“$（Build.ArtifactStagingDirectory）” AppSettings:“-SCM\u在部署期间执行\u构建\u为真-网站\u从\u包1运行\u”

---

RemoveAdditionalFilesFlag:true我们应该通过cmd

npm run build

来运行vue.js项目，而不是

npm run devBuild

，我们可以参考此来使用Azure DevOps管道为静态vue.js应用程序构建CI/CD

结果:

---

您好，正在检查此问题是否仍在阻止您？此问题是否有任何更新？CSS开始工作，我相信这是一个大写问题，但我不能确定，因为我更改了太多内容。构建正在完成，但我现在遇到一个问题，我只看到azure显示的默认web应用程序屏幕我成功构建后，我的应用程序就不存在了。这是另一篇SO帖子的问题，但我首先与azure rep合作。嗨，你能在这里分享解决此问题的方法吗？谢谢。devBuild实际上是我设置的，以确保它获得了开发机密。

These dependencies were not found:

* -!../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!./home.css in ./node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--6-oneOf-1-2!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/Home.vue?vue&type=style&index=0&id=8dc7cce2&scoped=true&lang=css&

* -!../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!./welcome.css in ./node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--6-oneOf-1-2!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/Welcome.vue?vue&type=style&index=0&id=d4b7673c&scoped=true&lang=css&