Uncaught SyntaxError: The requested module ‘/node_modules/.vite/deps/vue.js?v=3e1adf4e‘ does not ...

vue3导入全局变量时，可以运行但是会一直显示报错，如图：

解决方法如下：

在 Vue.js 3 中，"@vue/runtime-core" 是一个包含 Vue.js 运行时核心的模块。这个模块提供了一些关键的 Vue.js 核心类型和方法，例如创建 Vue 实例、虚拟 DOM 渲染、组件渲染等等。当我们在 Vue.js 3 的项目中使用 TypeScript 进行编程时，我们需要使用"@vue/runtime-core" 模块来引入这些类型和方法。

在使用 TypeScript 编写 Vue.js 3 项目时，我们通常会使用 ".d.ts" 文件来描述 Vue.js 相关的类型信息。在这些文件中，我们需要声明"@vue/runtime-core" 模块的类型信息，以便在我们的项目中使用它时，TypeScript 能够正确地进行类型检查和推断。

为了让 TypeScript 能够识别"@vue/runtime-core" 模块中的类型信息，我们需要使用 declare module 语法来声明该模块。具体如下：

// main.ts
// @vue/runtime-core
declare module '@vue/runtime-core' {// 在这里添加模块中的类型信息interface ComponentCustomProperties{$globalNum2:number}
}

这里需要对getCurrentInstance()进行类型断言，还有对ComponentInternalInstance()进行类型约束，否则getCurrentInstance()函数上的proxy对象就会报错。

// HelloWorld.vue
import type { ComponentInternalInstance } from 'vue'

部分代码如下：

// main.ts
import { createApp } from 'vue'
import './style.css'
import App from './HelloWorld.vue'const app = createApp(App)
// @vue/runtime-core
declare module '@vue/runtime-core' {interface ComponentCustomProperties{$globalNum2:number}
}app.mount('#app')

// HelloWorld.vue
<script setup lang="ts">
import _ from 'lodash'
import { getCurrentInstance } from 'vue'
import type { ComponentInternalInstance } from 'vue'// console.log(globalNum);const { proxy } = getCurrentInstance() as ComponentInternalInstance;
console.log(proxy?.$globalNum2);globalFn();console.log(globalFn.a);// let arr = _.chunk([1,2,3])
// console.log(arr);let array = [1];
let other = _.concat(array, 2, [3], [4])
console.log(other);
// [1,2,3,[4]]console.log(array);
</script>

Uncaught SyntaxError: The requested module ‘/node_modules/.vite/deps/vue.js?v=3e1adf4e‘ does not ...相关推荐

Uncaught SyntaxError: The requested module ‘/node_modules/.vite/deps/vue-router.js?v=6552c805‘
启动项目后发现报错查找原因后发现是引入方式不对, 原写法:import router from 'vue-router' vue3 要这么写 import * as router from 'vue ...
Uncaught SyntaxError: The requested module ‘/node_modules/.vite/vue.js?v=bd1817bb‘ does not provide
vite 2.7.8 启动后报错暂时不清楚是 2.7.8 的版本问题还是其他问题.将版本降低到 2.6.13 解决还有可能是vite 预编译缓存的问题,把 node_modules 下的 .vit ...
Vue3导入Vue-router报错：Uncaught SyntaxError: The requested module does not provide
Vue3导入Vue-router报错:Uncaught SyntaxError: The requested module does not provide ybc4652 正在上传-重新上传取消 2 ...
Uncaught SyntaxError: The requested module ‘/src/api/**‘ does not provide an export named ‘**‘
导入: 导出: 报错: 乍一看,里面也有这个方法啊,为什么导入就错误了呢,想了半天结果是 export default : export default 语句用于指定模块的默认输出,一个模块只能有一个 ...
2021/06/27 Uncaught SyntaxError: Cannot use import statement outside a module
js中es6的语法并不能被浏览器所识别 ! [Deprecation] CSS cannot be loaded from `file:` URLs unless they end in a `.cs ...
Uncaught SyntaxError: Cannot use import statement outside a module的解决方法
本地html文件中的script标签引入ES6的模块,直接在浏览器中打开该html文件,发现报错了:Uncaught SyntaxError: Cannot use import statement ...
Uncaught SyntaxError: Cannot use import statement outside a module
1.错误描述 Uncaught SyntaxError: Cannot use import statement outside a module 2.错误原因定义了一个JavaScript文件,声 ...
[乐意黎原创] WebPack 打包时抛Uncaught Error: Cannot find module '.\dist\bundle.js'
如题:WebPack 打包时抛Uncaught Error: Cannot find module '.\dist\bundle.js' A. Webpack 命令时抛错 B.运行时Chrome 控制 ...
Uncaught SyntaxError: Not available in legacy mode
Uncaught SyntaxError: Not available in legacy mode 问题记录解决方案 ) 问题记录 vite项目使用vue-i18n,抛出错误 Uncaught S ...

Uncaught SyntaxError: The requested module ‘/node_modules/.vite/deps/vue.js?v=3e1adf4e‘ does not ...

Uncaught SyntaxError: The requested module ‘/node_modules/.vite/deps/vue.js?v=3e1adf4e‘ does not ...相关推荐

最新文章

热门文章