Error with Vue scoped dynamic slots when using @rollup/plugin-alias
#445
Comments
agilgur5
added
scope: vue
|
Some additional information. I was messing around with removing the use of rollup.config.js, and was trying something unrelated. Instead of the rollup config, I used vite to build instead of rollup, and I didn't get the error. Why it works via vite, but not rollup, I have no idea.
vite.config.ts |
|
Maybe plugin order matters? In your second config you have typescript() after vue(). |
|
I just messed around with the order a bit, but nothing changed. BUT... when I was stripping things down to match my vite config (more updated than posted above), it appears that Specifically when I have it set to: alias({
entries: [
{ find: '@', replacement: 'src' },
]
}),Additionally, if I change it to something like the following, the same problem exists. alias({
entries: [
{ find: '@plugin', replacement: 'src/plugin' },
]
}),I tried other ways of using that plugin with entries as an object, that had the same problem. If I change the find value to anything that doesn't actually resolve anything (ex. Originally I thought the For reference, I added a new vite config for the build script to use (I'm using the regular one for the docs pages already). This is what it has, and seems to be working as expected. Granted I have yet to actually test it as an npm package as it's wip, but the build does pass. If you want to see any other changes, my dev branch is the most up to date now.
vite.build.config.ts |
agilgur5
changed the title
@rollup/plugin-alias
agilgur5
added
the
solution: workaround available
Troubleshooting
Does
tschave the same output?No
Does your Rollup plugin order match this plugin's compatibility?
Yes
Can you create a minimal example that reproduces this behavior?
This is the project repository I'm having this issue with: https://github.com/webdevnerdstuff/vuetify-drilldown-table
What happens and why it is incorrect
When trying to bundle the code, I'm getting this error output. The code works as expected when running in development under vite (
pnpm playif you are checking out the repo). The error is almost identical to what is happening in this issue: #325 Except in my case I'm using@vitejs/plugin-vuenot the depreciated packagerollup-plugin-vue. Perhaps it's the same issue? The other issue didn't really have a resolution, so I'm a bit stuck at the moment and don't know what to do. Any help is greatly appreciated at this point as my experience with ts/rollup is relatively new'ish, and I've been stuck trying to figure this out for over a week now.In the repo example I gave, you can see the code in the
VDrilldownTable.vuefile at line 190. I also tried doing the same thing a different way (pretty much does the same thing) at line 201. They both produce the same error.Environment
Versions
:rollup.config.jshttps://github.com/webdevnerdstuff/vuetify-drilldown-table/blob/main/rollup.config.js
https://github.com/webdevnerdstuff/vuetify-drilldown-table/blob/main/tsconfig.json
:tsconfig.json
https://github.com/webdevnerdstuff/vuetify-drilldown-table/blob/main/package.json
:package.json{ "name": "vuetify-drilldown-table", "version": "0.0.0-alpha1", "description": "The vuetify-drilldown-table", "private": false, "main": "dist/vuetify-drilldown-table.js", "module": "dist/vuetify-drilldown-table.es.js", "types": "dist/types/index.d.ts", "scripts": { "dev": "vite", "watch": "pnpm dev", "play": "sh src/playground/configs/build.sh && NODE_ENV=playground vite", "bundle": "rollup -c --bundleConfigAsCjs", "build": "vue-tsc && vite build", "predeploy": "npm run build", "deploy": "gh-pages -d docs", "prepublishOnly": "npm run bundle", "lint": "eslint src/**/*.{ts,vue} --max-warnings 10", "prepare": "husky install" }, "lint-staged": { "src/**/*.{js,ts,vue}": [ "npm run lint" ] }, "author": "WebDevNerdStuff & Bunnies... lots and lots of bunnies! <webdevnerdstuff@gmail.com> (https://webdevnerdstuff.com)", "funding": [ { "type": "patreon", "url": "https://www.patreon.com/WebDevNerdStuff" }, { "type": "individual", "url": "https://bit.ly/wdns-paypal-veet-plugin" } ], "license": "MIT", "files": [ "dist/*", "LICENSE.md", "README.md" ], "repository": "https://github.com/webdevnerdstuff/vuetify-drilldown-table", "bugs": { "url": "https://github.com/webdevnerdstuff/vuetify-drilldown-table/issues" }, "homepage": "https://github.com/webdevnerdstuff/vuetify-drilldown-table", "keywords": [ "vuetify-drilldown-table", "vuetifyDrilldownTable", "v-drilldown-table", "vDrilldownTable", "v-data-table", "vDataTable", "drilldown table", "vuetify", "vuetify3", "api", "drawer", "vue", "vue3", "component", "javascript", "webdevnerdstuff", "wdns" ], "dependencies": { "vue": "^3.2.47", "vuetify": "3.1.15" }, "devDependencies": { "@babel/core": "^7.21.4", "@babel/eslint-parser": "^7.21.3", "@mdi/font": "^7.2.96", "@rollup/plugin-alias": "^5.0.0", "@rollup/plugin-commonjs": "^24.1.0", "@rollup/plugin-json": "^6.0.0", "@rollup/plugin-node-resolve": "^15.0.2", "@rollup/plugin-terser": "^0.4.1", "@types/node": "^18.15.13", "@typescript-eslint/eslint-plugin": "^5.59.0", "@typescript-eslint/parser": "^5.59.0", "@vitejs/plugin-vue": "^4.1.0", "@vue/cli-plugin-babel": "^5.0.8", "@vue/cli-plugin-eslint": "^5.0.8", "@vue/cli-service": "^5.0.8", "@vue/compiler-sfc": "^3.2.47", "@vue/eslint-config-typescript": "^11.0.2", "autoprefixer": "^10.4.14", "eslint": "^8.38.0", "eslint-config-prettier": "^8.8.0", "eslint-plugin-import": "^2.27.5", "eslint-plugin-prettier": "^4.2.1", "eslint-plugin-vue": "^9.11.0", "gh-pages": "^5.0.0", "husky": "^8.0.3", "lint-staged": "^13.2.1", "pinia": "^2.0.35", "postcss": "^8.4.23", "postcss-html": "^1.5.0", "postcss-scss": "^4.0.6", "prettier": "^2.8.7", "roboto-fontface": "^0.10.0", "rollup": "^3.20.7", "rollup-plugin-polyfill-node": "^0.12.0", "rollup-plugin-postcss": "^4.0.2", "rollup-plugin-scss": "^4.0.0", "rollup-plugin-typescript2": "^0.34.1", "sass": "^1.62.0", "stylelint": "^15.5.0", "stylelint-config-standard": "^33.0.0", "stylelint-order": "^6.0.3", "stylelint-scss": "^4.6.0", "typescript": "^5.0.4", "unplugin-auto-import": "^0.15.3", "vite": "^4.3.1", "vite-plugin-babel": "^1.1.3", "vite-plugin-eslint": "^1.8.1", "vite-plugin-stylelint": "^4.3.0", "vite-plugin-vuetify": "^1.0.2", "vue-tsc": "^1.4.2", "vue3-code-block": "^2.1.0", "webfontloader": "^1.6.28" } }plugin output with verbosity 3
:The text was updated successfully, but these errors were encountered: