v(vue-部署) - 找不到模块(Error: Cannot find module ‘@/views/index‘)

已于 2023-11-03 10:45:32 修改
阅读量1.4k 收藏 2
点赞数 1
文章标签： javascript 前端 vue.js
于 2023-11-03 10:41:24 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_53588663/article/details/134197972
版权

(vue-部署)-找不到模块(Error: Cannot find module ‘@/views/index‘)

若依框架上线后路由找不到组件模块，路由中的组件使用的是懒加载也是就是 import 导入
解决方法:
文件 目录 store/modules/permission.js
在这里插入图片描述
将以上代码给为 在这里插入图片描述重新部署就好了

ForI、Tomorrow
关注
  • 1
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Vue安装Vue Devtools调试工具提示 Error: Cannot find module ‘@vue-devtools/build-tools’ 解决办法
01-08
我看网络上面安装Vue Devtools 调试工具的步骤几乎都是按照文章链接里的步骤进行安装：安装链接详情  但是在最终执行编译命令的时候 ：npm run build ，提示如下错误： 尝试了很多方法，都不能解决改问题。 为了...
【报错问题】Vue 运行时提示 Error: Cannot find module ‘chalk’
01-07
运行 'npm run build' 时，提示错误 Error: Cannot find module 'chalk' 三、解决办法 3.1、根据上诉提示，其实已经告诉了问题来源，本地没有 node_modules 包，需要先运行命令 npm install 进行安装 npm install...
解决项目部署之后出现的Error: Cannot find module ‘@/views/xxx‘问题
热门推荐
云雨之石的博客
12-05 3万+
这次项目在最后的部署阶段，需要部署一个测试服务器的环境，正常的环境是开发环境和生产环境，分别是‘development’和‘production’，这次了解到除了这两种还存在有‘test’，也就是测试环境。 在package.json中的配置如下： "scripts": { "dev": "vue-cli-service serve", "prod": "vue-cli-service build", "test": "vue-cli-service build" } 然后在服务器上进行
vscode使用vue动态路由功能加载组件，出现报错找不到vue模块的问题
zjm_hhxx的博客
04-11 781
解决该问题可以在vscode扩展中搜索 TypeScript Vue Plugin (Volar)进行下载，这个扩展可以解决动态路由时找不到vue模块的问题。
【Vue3】详细解决方案：找不到模块“@/views/Login.vue”或其相应的类型声明或Failed to resolve import “@/views/Login.vue“
最新发布
qq_43816375的博客
04-28 1387
在初次使用Vue3的路由懒加载时，可能你遇到了这个报错：找不到模块“@/views/Login.vue”或其相应的类型声明或者Failed to resolve import "@/views/Login.vue"或找不到模块“path”或其相应的类型声明。那么此文章，是此报错的一系列详细解决方案。
vue动态路由import异步加载组件，找不到module的问题
likuntao123的博客
09-10 9728
问题的由来：webpack分模块打包导致import路径src少一级目录（ps：路径是由后端提供的）。 解决办法： if (localJsonRouter.listenRouter) {//把后端的路径信息储存到sessionStorage listenRouter = localJsonRouter.listenRouter; listenRouter.forEach(item...
vue2项目实现动态路由 component报错
2301_76607997的博客
05-31 410
使用动态路由的时候 component这个属性 报错 找不到模块 地址明明看着一模一样 但是就是找不到 写死就没问题！个人理解 可能是数据库和前端底层有关系。返回的地址 @/views/deviceManagement/workshop这样错误 出不来。/deviceManagement/workshop这样错误 出不来。后端存的地址 不能包括@/views/
VUE动态路由中遇到的问题
weixin_42903529的博客
10-31 365
4.在\src\layout\components\Sidebar\index.vue。1.删除 \src\router\index.js除 登录、主页、404的全部路由。src\store\modules\getter.js 中添加。2.在 src\store\modules\user.js。3.在\src\permission.js中添加。
【前端问题记录】前端报错：Error: Cannot find module ‘@/views/index’
Sabrina_cc的博客
02-23 8008
前情提要：我在本地开发是一切正常的，但是部署到测试环境中。login页面是会出现的，但是输入用户名和密码之后报错了，出现了如下报错：后端接口是调用成功的，返回了token，但是页面一直在加载（加载不出首页） Error: Cannot find module ‘@/views/index’ 查找了几篇博客尝试解决该问题： vue路由跳转错误：Error: Redirected when going from “/login“ to “/home“ via a navigation guard..
(vue-部署)-找不到模块(Error: Cannot find module ‘@/views/index‘)
weixin_45475798的博客
11-11 3303
若依的开发环境获取后端传过来的权限路由，在处理的时候使用的是requre 加载的路由组件，而在生产环境使用的是import 这种懒加载的方式导入组件。1，使用的是若依的代码，用了乾坤插件调试，然后卸载乾坤，再进行其他操作，发现开发环境正常导入组件。2，上线后路由找不到组件模块，路由中的组件使用的是懒加载也是就是 import 导入。百思不得其解，为什么import导入失效了。先用requre导入吧，期待有缘人解答。
若依 vue 菜单点击报错 Error: Cannot find module ‘@/views/system/user/index‘
xiaoyuer_2020的博客
01-21 8348
菜单路由点击报错，错误信息如下： Error: Cannot find module ‘@/views/system/user/index’ 在项目里，打开 src/store/modules/permission.js 文件，找到如下代码： 报错原因：webpack4 不支持变量方式的动态 import 引用，新版本的使用 require() 。 修改为： export const loadView = (view) => { // 路由懒加载 return (resolve) =>.
Cannot find module ‘@/view/function () { vue的addRoutes报错问题
03-02 769
vue的addRoutes报错
# 关于vue正常启动后，控制台报错：Error: Cannot find module ‘@/views/login/index‘
kakabulala的博客
09-25 5727
关于vue正常启动后，控制台报错：Error: Cannot find module ‘@/views/login/index’ 如图 ： **查阅资料应该是路由懒加载的问题，网上查的方法是换node的版本（指路： https://blog.csdn.net/ICANDOD/article/details/105700394 ），这里提供一个其他的思路，直接 修改vue中的 路径，拿我的举例： 修改前 ： ...
手动解决Cannot find module '@sentry/webpack-plugin'等问题
10-06
解决Cannot find module '@sentry/webpack-plugin'，Cannot find module '@sentry/browser'，Cannot find module '@sentry/cli'等问题。<br/> 下载后，解压后文件夹，放在vue项目的node_modules文件夹下，即可。
Cannot find module ‘xxx’，错误解决方法
01-08
vue-router.esm.js:1897 Error: Cannot find module '@/views/login/index' at webpackEmptyContext (index.js:39) at permission.js:90 解决方法 进入router中的index.js component: () => import('@/views/login/...
解决vue项目中遇到 Cannot find module ‘chalk‘ 报错的问题
01-21
补充知识：vue在npm run dev时报错Error: Cannot find module ‘xxx‘ 今天在做项目时出现了下面这个错误，找了很多博客，都说改一下代码写法就行了。不过视情况而定，有点时候有些代码改起来很麻烦，千丝万缕的关系...
问题解决：Cannot find module ‘./index.vue?vue&type=style&index=0&lang=scss&‘
Mnmi578nn的博客
04-28 1727
问题解决：Cannot findmodule './index.vue?vue&type=style&index=0&lang=scss&' 在webpack样式中使用scss的时候报错 解决： 首先npm安装包： (1)"node-sass":"^4.12.0", (2)"sass-loader":"^7.1.0", webpack.config.js rules里面配置 { test:/ \.scss$/, us......
若依框架vue部署找不到模块(Error: Cannot find module ‘@/‘)
weixin_51771963的博客
01-15 2049
问题：本地访问正常，部署以后打开页面报错找不到模块。
若依 在本地运行没有问题，部署后报错Error: Cannot find module ‘@/views/XX‘
清心寡欲的博客
12-20 687
若依 在本地运行没有问题，部署后报错Error: Cannot find module '@/views/XX'
Parsing error: Cannot find module vue/cli-plugin-babel/preset
10-02
Parsing error: Cannot find module 'vue/cli-plugin-babel/preset' 是因为你的项目缺少了 @vue/cli-plugin-babel 这个模块。为了解决这个问题，你可以尝试以下几个步骤： 1. 首先，删除项目中的 node_modules 文件夹，然后打开终端并输入命令 `cnpm install`，这将重新安装项目的所有依赖。 2. 如果第一步没有解决问题，你可以尝试安装 babel-plugin-component 插件。在终端输入命令 `npm install babel-plugin-component -D` 或者 `yarn add babel-plugin-component` 安装该插件。 3. 在项目的根目录中找到 .babelrc 文件（如果没有则创建一个），将下面的代码添加到 .babelrc 文件中： ``` { "presets": [["@babel/preset-env", { "modules": false }]], "plugins": [ [ "component", { "libraryName": "element-ui", "styleLibraryName": "theme-chalk" } ] ] } ``` 4. 如果出现报错信息 "Parsing error: Cannot find module 'babel-preset-es2015'"，可以尝试将 .babelrc 文件里的 "es2015" 改为 "@babel/preset-env"，如下所示： ``` { "presets": [["@babel/preset-env", { "modules": false }]], "plugins": [ [ "component", { "libraryName": "element-ui", "styleLibraryName": "theme-chalk" } ] ] } ``` 5. 如果你希望将配置项写入到 babel.config.js 文件中，可以将以上代码合并到 babel.config.js 文件中，如下所示： ```javascript module.exports = { presets: [ '@vue/cli-plugin-babel/preset', ["@babel/preset-env", { "modules": false }] ], "plugins": [ [ "component", { "libraryName": "element-ui", "styleLibraryName": "theme-chalk" } ] ] } ``` 希望以上步骤能够帮助你解决问题。如果你还有其他相关问题，请继续提问。 相关问题: 1. 如何安装和配置 vue-cli？ 2. 什么是 babel-plugin-component 插件？如何使用它？ 3. babel.config.js 和 .babelrc 有什么区别？

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值