URI 格式错误的包裹相关模块导入

如何解决URI 格式错误的包裹相关模块导入

运行 parcel build/watch 时未使用正确的 URI 形成相对导入

导致错误的 /trends/static/src/Shared/SiteHeader.vue 不是正确的 /static/src/Shared/SiteHeader.vue

/static/src/app.js

…
# here is where error is occurring
import SiteHeader from './Shared/SiteHeader'
…

parcel 正在 package.json 中构建这些命令

…
"scripts: {
    "watch": "parcel watch ./static/src/*  -d ./static/dist/","build": "parcel build ./static/src/*  -d ./static/dist/",…

预期行为：

运行 npm run build 应该构建我的组件，以便有主页面组件（当导致错误的行消失时它会这样做）并且能够从共享组件导入

实际情况：

使用 npm run build 运行 /trends/static/src/Shared/SiteHeader.vue: URI malformed 个错误

访问 mysite.com/static/src/Shared/SiteHeader.vue 会导致下载文件，注意 uri 不是以 /trends 开头，为什么将 /trends 放在 URI 上？

完整的错误跟踪：

/trends/static/src/Shared/SiteHeader.vue: URI malformed
    at decodeURIComponent (<anonymous>)
    at HTMLAsset.resolveDependency (/trends/node_modules/parcel-bundler/src/Asset.js:94:22)
    at HTMLAsset.addURLDependency (/trends/node_modules/parcel-bundler/src/Asset.js:119:38)
    at HTMLAsset.processSingleDependency (/trends/node_modules/parcel-bundler/src/assets/HTMLAsset.js:99:26)
    at /trends/node_modules/parcel-bundler/src/assets/HTMLAsset.js:187:43
    at traverse (/trends/node_modules/posthtml/lib/api.js:105:26)
    at traverse (/trends/node_modules/posthtml/lib/api.js:111:5)
    at traverse (/trends/node_modules/posthtml/lib/api.js:105:17)
    at traverse (/trends/node_modules/posthtml/lib/api.js:111:5)
    at traverse (/trends/node_modules/posthtml/lib/api.js:105:17)
    at Array.walk (/trends/node_modules/posthtml/lib/api.js:39:10)
    at HTMLAsset.collectDependencies (/trends/node_modules/parcel-bundler/src/assets/HTMLAsset.js:138:9)
    at HTMLAsset.getDependencies (/trends/node_modules/parcel-bundler/src/Asset.js:81:18)
    at async HTMLAsset.process (/trends/node_modules/parcel-bundler/src/Asset.js:215:7)
    at async Pipeline.processAsset (/trends/node_modules/parcel-bundler/src/Pipeline.js:46:7)
    at async Pipeline.processAsset (/trends/node_modules/parcel-bundler/src/Pipeline.js:74:25)