如何让Alias在Snowpack Svelte应用程序中工作

问题描述

我正在尝试在另一个文件夹中编译Svelte组件，即使使用snowpack.config.json文件中的别名，Snowpack也找不到路径。

在此方面的任何帮助都将受到赞赏！！！

这是snowpack.config.json文件。

{
  "alias": {
    "components": "../../b5ui/src/components/b5ui"
  },"extends": "@snowpack/app-scripts-svelte","plugins": [
    "@snowpack/plugin-webpack"
  ]
}

导入.svelte文件

<script>
  import B5input from "components/B5input.svelte"
  import B5check from "components/B5check.svelte"
  import B5button from "components/B5button.svelte"
</script>

npm start出现这些错误...

[snowpack] [404] /_dist_/components/B5input.js
  ✘ C:\Dev2020\psllc\imenu-sp\public\_dist_\components\B5input.js
  ✘ C:\Dev2020\psllc\imenu-sp\public\_dist_\components\B5input.mjs
  ✘ C:\Dev2020\psllc\imenu-sp\public\_dist_\components\B5input.jsx
  ✘ C:\Dev2020\psllc\imenu-sp\public\_dist_\components\B5input.ts
  ✘ C:\Dev2020\psllc\imenu-sp\public\_dist_\components\B5input.tsx
  ✘ C:\Dev2020\psllc\imenu-sp\public\_dist_\components\B5input.svelte
  ✘ C:\Dev2020\psllc\imenu-sp\src\components\B5input.js
  ✘ C:\Dev2020\psllc\imenu-sp\src\components\B5input.mjs
  ✘ C:\Dev2020\psllc\imenu-sp\src\components\B5input.jsx
  ✘ C:\Dev2020\psllc\imenu-sp\src\components\B5input.ts
  ✘ C:\Dev2020\psllc\imenu-sp\src\components\B5input.tsx
  ✘ C:\Dev2020\psllc\imenu-sp\src\components\B5input.svelte
[snowpack] [404] /_dist_/components/B5check.js
  ✘ C:\Dev2020\psllc\imenu-sp\public\_dist_\components\B5check.js
  ✘ C:\Dev2020\psllc\imenu-sp\public\_dist_\components\B5check.mjs
  ✘ C:\Dev2020\psllc\imenu-sp\public\_dist_\components\B5check.jsx
  ✘ C:\Dev2020\psllc\imenu-sp\public\_dist_\components\B5check.ts
  ✘ C:\Dev2020\psllc\imenu-sp\public\_dist_\components\B5check.tsx
  ✘ C:\Dev2020\psllc\imenu-sp\public\_dist_\components\B5check.svelte
  ✘ C:\Dev2020\psllc\imenu-sp\src\components\B5check.js
  ✘ C:\Dev2020\psllc\imenu-sp\src\components\B5check.mjs
  ✘ C:\Dev2020\psllc\imenu-sp\src\components\B5check.jsx
  ✘ C:\Dev2020\psllc\imenu-sp\src\components\B5check.ts
  ✘ C:\Dev2020\psllc\imenu-sp\src\components\B5check.tsx
  ✘ C:\Dev2020\psllc\imenu-sp\src\components\B5check.svelte
[snowpack] [404] /_dist_/components/B5button.js
  ✘ C:\Dev2020\psllc\imenu-sp\public\_dist_\components\B5button.js
  ✘ C:\Dev2020\psllc\imenu-sp\public\_dist_\components\B5button.mjs
  ✘ C:\Dev2020\psllc\imenu-sp\public\_dist_\components\B5button.jsx
  ✘ C:\Dev2020\psllc\imenu-sp\public\_dist_\components\B5button.ts
  ✘ C:\Dev2020\psllc\imenu-sp\public\_dist_\components\B5button.tsx
  ✘ C:\Dev2020\psllc\imenu-sp\public\_dist_\components\B5button.svelte
  ✘ C:\Dev2020\psllc\imenu-sp\src\components\B5button.js
  ✘ C:\Dev2020\psllc\imenu-sp\src\components\B5button.mjs
  ✘ C:\Dev2020\psllc\imenu-sp\src\components\B5button.jsx
  ✘ C:\Dev2020\psllc\imenu-sp\src\components\B5button.ts
  ✘ C:\Dev2020\psllc\imenu-sp\src\components\B5button.tsx
  ✘ C:\Dev2020\psllc\imenu-sp\src\components\B5button.svelte

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）