3***@qq.com
3***@qq.com
  • 发布:2024-07-11 17:34
  • 更新:2024-07-11 18:22
  • 阅读:152

【报Bug】按官方文档集成unplugin-vue2-script-setup,运行报错

分类:uni-app

产品分类: uniapp/H5

PC开发环境操作系统: Windows

PC开发环境操作系统版本号: windows 11

HBuilderX类型: 正式

HBuilderX版本号: 4.23

浏览器平台: Chrome

浏览器版本: 125.0.6422.61(正式版本) (64 位)

项目创建方式: HBuilderX

示例代码:
//使用npm下载依赖,node_modules文件夹中确实也能看到组件下载成功  
npm install unplugin-vue2-script-setup -D  

//vue.config.js中获取组件  
const ScriptSetup = require('unplugin-vue2-script-setup/webpack').default  
module.exports = {  
    parallel: false,  
    configureWebpack: {  
        plugins: [  
            ScriptSetup({  
                /* options */  
            }),  
        ],  
    },  
    chainWebpack(config) {  
        config.plugins.delete('fork-ts-checker');  
    },  

}  

//main.js中引入组合式api组件  
import Vue from 'vue'  
import VueCompositionAPI from '@vue/composition-api'  
Vue.use(VueCompositionAPI)  

运行时控制台报错信息  
文件查找失败:'unplugin-vue2-script-setup/webpack' at vue.config.js:15

操作步骤:
//使用npm下载依赖,node_modules文件夹中确实也能看到组件下载成功  
npm install unplugin-vue2-script-setup -D  

//vue.config.js中获取组件  
const ScriptSetup = require('unplugin-vue2-script-setup/webpack').default  
module.exports = {  
    parallel: false,  
    configureWebpack: {  
        plugins: [  
            ScriptSetup({  
                /* options */  
            }),  
        ],  
    },  
    chainWebpack(config) {  
        config.plugins.delete('fork-ts-checker');  
    },  

}  

//main.js中引入组合式api组件  
import Vue from 'vue'  
import VueCompositionAPI from '@vue/composition-api'  
Vue.use(VueCompositionAPI)  

运行时控制台报错信息  
文件查找失败:'unplugin-vue2-script-setup/webpack' at vue.config.js:15

预期结果:

能正常运行使用setup组件

实际结果:
文件查找失败:'unplugin-vue2-script-setup/webpack' at vue.config.js:15

bug描述:

按照官方文档集成unplugin-vue2-script-setup,运行时vue.config.js配置文件报文件查找失败:'unplugin-vue2-script-setup/webpack'

//使用npm下载依赖,node_modules文件夹中确实也能看到组件下载成功  
npm install unplugin-vue2-script-setup -D  

//vue.config.js中获取组件  
const ScriptSetup = require('unplugin-vue2-script-setup/webpack').default  

//main.js中引入组合式api组件  
import Vue from 'vue'  
import VueCompositionAPI from '@vue/composition-api'  
Vue.use(VueCompositionAPI)  

运行时控制台报错信息  
文件查找失败:'unplugin-vue2-script-setup/webpack' at vue.config.js:15
2024-07-11 17:34 负责人:无 分享
已邀请:
DCloud_UNI_yuhe

DCloud_UNI_yuhe

我刚才测试的,组合式和选项式的都是正常的,你再检查一下

BFC

BFC

尝试新建js脚本文件,然后用node执行该文件, 看是否能获取 unplugin-vue2-script-setup/webpack 模块

要回复问题请先登录注册