解决若依部署后出现Error: Cannot find module ‘@/views/xxx‘问题，本地没有问题

7月前作者：shilingling905 分类：Toy博客阅读(49) 违法举报

这篇具有很好参考价值的文章主要介绍了解决若依部署后出现Error: Cannot find module ‘@/views/xxx‘问题，本地没有问题。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

问题描述：

若依项目本地运行没有问题，部署到服务器以后点击菜单切换路由，一直处于加载状态，打开控制台，发现报错Error: Cannot find module ‘@/views/xxx‘。

原因：

路由懒加载，webpack版本问题，webpack4 不支持变量方式的动态 import ，新版本需要使用 require() 来解决此问题。

解决办法：

第一个地方，store/modules/permission.js。语法：return (resolve) => require([`@/views/${view}`], resolve)

解决若依部署后出现Error: Cannot find module ‘@/views/xxx‘问题，本地没有问题,前端,webpack

第二个地方，router/index.js。

解决若依部署后出现Error: Cannot find module ‘@/views/xxx‘问题，本地没有问题,前端,webpack

结果：

成功解决啦~

文章来源地址https://www.toymoban.com/news/detail-519889.html

到了这里，关于解决若依部署后出现Error: Cannot find module ‘@/views/xxx‘问题，本地没有问题的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：如若内容造成侵权/违法违规/事实不符，请点击违法举报进行投诉反馈，一经查实，立即删除！

分享到：

领支付宝红包赞助服务器费用

$解决使用npm出现Error: Cannot find module ‘C:\Program Files\nodejs\node_modules\npm\bin\npm-cli.jsprefix‘报错$

解决使用npm出现Error: Cannot find module ‘C:\Program Files\nodejs\node_modules\npm\bin\npm-cli.jsprefix‘报错

在我设置公司镜像源的时候遇到以下报错：Error: Cannot find module \\\'C:Program Filesnodejsnode_modulesnpmbinnpm-cli.jsprefix\\\'，导致切换失败分析问题：可以看到，报错的内容如下： 1、可以看到，问题的症结在于，无法找到npm-cli.js文件 2、既然无法找到，那么指定就是在安装目录下面

2024年02月11日
浏览(58)
npm 报错 Error: Cannot find module ‘semver‘的解决方法

执行npm install报错解决方案重装node.js 然后到以下文件夹删除相关残留文件：进入 /usr/local/lib 删除所有 node 和 node_modules文件夹进入 /usr/local/include 删除所有 node 和 node_modules 文件夹进入 /usr/local/bin 删除 node 的可执行文件然后就删除干净了为了安装最新版nodejs，先提前安装

2024年02月12日
浏览(40)
成功解决Error: Cannot find module ‘html‐webpack‐plugin‘

执行npm run build的时候发现 Cannot find module \\\'html-webpack-plugin\\\' -S 表示添加到生产环境中，npm I -D 表示开发环境使用，所以可能没有安装到开发环境中解决如下

2024年02月04日
浏览(32)
Error: Cannot find module ‘××××××‘报错，找不到依赖问题解决方案

小编最开始在解决这个问题时候在网上找的方案都不管用，最后还是请教大神才得到解决，下面是集中解决方案，希望对大家有帮助。第一种方案前端项目在拉取依赖或者启动项目时候，一直报错某依赖获取不到，首先我们找到项目中的node_modules文件夹和package-lock.json文件，

2024年02月08日
浏览(39)
解决前端报错 Error: Cannot find module ‘xxx‘（包含 uniapp）

在 npm install 安装好依赖后，执行打包命令时可能报错： 1、 Error: Cannot find module \\\'@vue/babel-preset-app\\\' 2、 Error: Cannot find module \\\'cache-loader\\\' 这里只列了两种，只是因为换了 3 个 node 环境出现的报错。网上的解决方案大多是： 1、删除 node_modules 与 package-lock.json ，重新 $ npm install 一下

2024年02月12日
浏览(39)
解决前端报错 Error: Cannot find module 'xxx'（包含 uniapp）

在 npm install 安装好依赖后，执行打包命令时可能报错： 1、 Error: Cannot find module \\\'@vue/babel-preset-app\\\' 2、 Error: Cannot find module \\\'cache-loader\\\' 这里只列了两种，只是因为换了 3 个 node 环境出现的报错。网上的解决方案大多是： 1、删除 node_modules 与 package-lock.json ，重新 $ npm install 一下

2024年02月05日
浏览(32)
Parsing error: Cannot find module ‘babel-eslint‘解决方法

全局搜索babel-eslint 1.将.eslintrc.js中的 parserOptions: { parser: \\\'babel-eslint\\\' }, 改为 parserOptions: { \\\'parser\\\': \\\'@babel/eslint-parser\\\' }, 2.将package.json里的 \\\"babel-eslint\\\": \\\"^10.0.1\\\", 删除增加一行 \\\"@babel/eslint-parser\\\": \\\"^7.18.2\\\", 3.删掉yarn.lok里的\\\'babel-eslint模块 4.重新npm run build

2023年04月21日
浏览(32)
运行vue3报错Error: Cannot find module ‘node:url‘解决

使用 npm init vue@lates t创建vue3工程，进入到相应目录， npm install 安装完依赖，运行 npm run dev 报错 Error: Cannot find module ‘node:url’ ，如下图所示：这是vue3工程依赖的node版本比较高所导致的。可以使用nvm安装高版本的node，然后使用nvm use切换到高版本，再运行 npm run dev 既可以把

2024年02月07日
浏览(40)
Linux的Qt编译出现:-1: error: cannot find -lGL问题的解决方法

Qt是支持跨平台的C++图形用户界面应用程序开发框架，在一个平台上开发好应用程序可以在多个平台方便移植。在将windows平台上开发的Qt界面程序移植到Linux Ubuntu系统中，在构建项目时出现以下编译问题： error: cannot find -lGL。即，没找到libGL.so 库。以下两个方法都可以解决问

2024年02月07日
浏览(31)
遇到：internal/modules/cjs/loader.js:596 throw err； ^ Error: Cannot find module ‘express‘ 错误应该如何解决

遇到 \\\"internal/modules/cjs/loader.js:596 throw err; ^ Error: Cannot find module \\\'express\\\'\\\" 错误通常表示在你的代码中无法找到所需的 express 模块。以下是一些可能的解决方法：确保 express 模块已经正确安装：在终端或命令行中，进入你的项目目录，运行 npm install express 命令来安装 express 模块。

2024年02月05日
浏览(25)