无法将第三方CSS框架安装到Vue应用程序中

我正在尝试安装并使用用于我的应用程序样式的。但它就是不起作用。我的步骤（我使用的是vue cli 3.4.0+typescript）：

npm安装@salesforce ux/设计系统--保存

起初，我将其导入到我的

App.vue

<template>
  <div id="app">
    <router-view/>
  </div>
</template>

<style>
@import url("/node_modules/@salesforce-ux/design-system/assets/styles/salesforce-lightning-design-system.min.css");

body {
  background-color: #ffffff;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100'%3E%3Cg stroke='%23CCC' stroke-width='0' %3E%3Crect fill='%23F5F5F5' x='-60' y='-60' width='110' height='240'/%3E%3C/g%3E%3C/svg%3E");
}
</style>

这使得整个构建失败，因为它表示无法解析模块：

./src/main.ts
Module not found: Error: Can't resolve '../node_modules/@salesforce-ux/design-system/assets/styles/salesforce-lightning-design-system.min.css' in '/usr/src/app/src'

---

即使依赖项在我的

package.json中，并且vscode中的autocomplete向我显示了相对路径，也会发生这种情况。我尝试过不同的相对路径，但都不起作用。这里发生了什么事？
您是否尝试过
导入'@salesforce ux/design system/assets/styles/salesforce lightning design system.min.css'
而不导入
节点\ u模块
@TncAndrei刚刚做过，这给了我
模块未找到：错误：无法解析'@salesforce ux/design system/assets/styles/salesforce lightning design system.css'在'/usr/src/app/src'
中，我刚刚使用
npm install@salesforce ux/design system-save
，在
main.js
中导入了CSS，并使用
import'@salesforce ux/design system/assets/styles/salesforce lightning design system.CSS'并且它可以工作。尝试重新安装模块并检查node_modules文件夹以确保其安装正确。：facepalm：我刚刚意识到这是因为我的应用程序在docker容器中运行，我需要重新构建容器以在docker映像中实际安装包。谢谢您的帮助。您是否尝试过导入@salesforce ux/design system/assets/styles/salesforce lightning design system.min.css'
而不导入
节点\u模块
@TncAndrei刚导入，这给了我
模块未找到：错误：无法解析中的“@salesforce ux/design system/assets/styles/salesforce lightning design system.css”“/usr/src/app/src”
我刚刚用
npm install@salesforce-ux/design-system-save
，在
main.js
中导入CSS，使用
import'@salesforce-ux/design-system/assets/styles/salesforce-lightning-design-system.CSS'并且它可以工作。尝试重新安装模块并检查node_modules文件夹以确保其安装正确。：facepalm：我刚刚意识到这是因为我的应用程序在docker容器中运行，我需要重新构建容器以在docker映像中实际安装包。谢谢你的帮助。
import Vue from 'vue';
import App from './App.vue';
import router from './router';
import store from './store';
import '../node_modules/@salesforce-ux/design-system/assets/styles/salesforce-lightning-design-system.min.css'
Vue.config.productionTip = false;

new Vue({
  router,
  store,
  render: (h) => h(App),
}).$mount('#app');

./src/main.ts
Module not found: Error: Can't resolve '../node_modules/@salesforce-ux/design-system/assets/styles/salesforce-lightning-design-system.min.css' in '/usr/src/app/src'