Module not found: Error: Can't resolve 'src/main.js' in 'E:\Workspace\We

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Module not found: Error: Can't resolve 'src/main.js' in 'E:\Workspace\We相关的知识,希望对你有一定的参考价值。

参考技术A 在学习webpack初期,执行webpack的打包程序的时候,当执行以下命令的时候

webpack ./src/main.js ./dist/bundle.js

会出现以下错误信息

出现的原因是由于安装的webpack版本较高,语法不一致导致的
解决方案

webpack ./src/main.js -o ./dist

会解析成如下结构

错误:找不到模块,代码:'MODULE_NOT_FOUND',requireStack:[]

【中文标题】错误:找不到模块,代码:\'MODULE_NOT_FOUND\',requireStack:[]【英文标题】:Error: Cannot find module , code: 'MODULE_NOT_FOUND', requireStack: []错误:找不到模块,代码:'MODULE_NOT_FOUND',requireStack:[] 【发布时间】:2021-12-21 22:09:18 【问题描述】:

我在 YouTube 上看到了一个关于 tinder 克隆的视频,我检查了很多次代码,但运行时它崩溃了。

我得到的错误是code: 'ERR_MODULE_NOT_FOUND'。我用 node 和 nodemon 运行它,但它没有改变。

我还使用 try and catch 示例进行了测试,

server.js

import express from "express";
import mongoose from 'mongoose';
import Cards from "./dbCards";

//app config
const app = express();
const port = process.env.PORT || 8001;
const connection_url = 'mongodb+srv://admin:user@database.mongodb.net/tinderdb?retryWrites=true&w=majority'


// middlewares

// db config
mongoose.connect(connection_url);

//api endpoints 
app.get('/',(req,res)=>  res.status(200).send('hello clever'))

app.post("/tinder/cards", (req, res) => 
    const dbCard = req.body
    Cards.create(dbCard, (err, data) => 
        if(err) 
            res.status(500).send(err)
         else 
            res.status(201).send(data)
        
    )
)

app.get('/tinder/cards', async (req, res) => 
    try 
      const allCards = await Cards.find();
      res.status(200).send(allCards); 
     catch (error)  
      res.status(500).send(error); 
    
  );
// listener
app.listen(port , ()=>console.log(`lis terning on local host   $port`));

dbCard.js

import mongoose from 'mongoose';
 
const cardSchema = new mongoose.Schema(
  
    name:String,
    imgUrl:String,
   
);
 
const Cards = mongoose.model('User', cardSchema);
 
export default Cards;

【问题讨论】:

我像这样测试了 './tinder/card' 但它没有改变。我将 '.\dbCards' 更改为 '../dbCards' 并且结果相同。 internal/process/esm_loader.js:74 internalBinding('errors').triggerUncaughtException(^ 这是我收到的 你能发布错误的全文吗?或者,至少,它的截图(虽然不鼓励)? 【参考方案1】:

最后,我找到了导致我的应用出错的原因。错误代码是 code: 'ERR_MODULE_NOT_FOUND' 。这意味着您没有正确连接模块。 问题是明确需要文件扩展名来识别模块。所以如果你像import Cards from "./dbCards.js"; 一样导入,错误就会消失。

【讨论】:

以上是关于Module not found: Error: Can't resolve 'src/main.js' in 'E:\Workspace\We的主要内容,如果未能解决你的问题,请参考以下文章

Module not found: Error: Can't resolve 'src/main.js' in 'E:\Workspace\We

Module not found: Error: Can‘t resolve ‘less-loader‘ in

Module not found: Error: Can‘t resolve ‘less-loader‘ in

Module not found: Error: Can‘t resolve ‘less-loader‘ in

Module not found: Error: Can‘t resolve ‘less-loader‘ in

如何解决 nuxt.js 中的“Module not found: Error: Can't resolve 'fs'”?