webpack项目出现This dependency was not found:解决方法

在 webpack 项目中出现 This dependency was not found 错误通常是由于缺少相应的依赖包导致的。解决此问题的方法如下：

1. 确认是否安装了相应的依赖包，可以通过运行 npm ls [package-name] 命令来检查是否已安装该包。如果未安装，可以通过运行 npm install [package-name] 命令来安装。

2. 确认是否正确引入了依赖包，可以检查 import 或 require 语句是否正确书写，并且路径是否正确。

3. 如果依赖包是在 node_modules 目录下被安装的，可以尝试在 webpack 配置文件中添加 resolve 配置项，以便 webpack 能够正确地查找依赖包。

例如：

resolve: {
  modules: ['node_modules'],
  extensions: ['.js', '.vue', '.json']
}

通过以上方法，应该可以解决 This dependency was not found 错误。

相关问题

vue 换文件路径 this dependency was not found:

“this dependency was not found”问题通常是由于在Vue项目中引入了一个不存在的文件路径所导致的。这个问题可能会导致Vue项目无法运行，因此需要解决。 解决方法:

1. 检查路径是否正确：首先，请仔细检查文件的路径是否正确。确保路径中没有错误的字符或缺少了目录或文件名称。只有文件路径正确，才能找到文件并成功导入。

2. 安装依赖：如果上一个方法没有解决问题，那么可能是因为依赖项没有正确地安装。请检查package.json文件是否正确，并使用npm安装所有依赖项。如果您使用的是yarn，则运行“yarn install”。

3. 配置webpack.config.js: 如果您在项目中使用webpack，则需要在webpack.config.js中进行一些配置。确保您已正确配置了路径。在webpack.config.js中，您需要通过添加resolve别名来告诉webpack如何处理这个问题。

例如，如果您的Vue项目位于src /项目目录下，看起来像这样：

// webpack.config.js
{
  resolve: {
    alias: {
      '@': path.resolve(__dirname, 'src/')
    }
  }
}

这个别名告诉webpack识别@符号，并将其解析为根目录下的src目录。这样，您就可以通过import“@/component/Component.vue”这样的语法来导入文件，而不需要使用相对路径。

最后，不要忘记重新启动您的Vue项目。这些方法中的一个或多个应该可以解决您的问题。

vue 路由文件 无法识别@ 报错this dependency was not found:

当在 Vue 路由文件中引用组件时，可以使用相对路径或别名（alias）来引用，其中别名可以在 webpack 的配置中进行设置。通常情况下，@ 符号代表 src 目录的路径，也是一个别名。如果在路由文件中使用 @ 来引用组件时出现了“this dependency was not found”这样的错误提示，可能是以下原因所致：

1. webpack 配置中没有正确设置别名
可以在 webpack 的配置文件中设置一个 alias，把 @ 映射到项目的 src 目录。如下面的例子，将 @ 映射到 src 目录：

// webpack.config.js
module.exports = {
  resolve: {
    alias: {
      '@': path.resolve(__dirname, 'src')
    }
  }
}

2. TypeScript 中的路径映射问题
如果在 TypeScript 中使用了路径映射来解析路径，如下所示：

// tsconfig.json
{
  "compilerOptions": {
    "baseUrl": ".",
    "paths": {
      "@/*": ["src/*"]
    }
  }
}

则需要在 webpack 配置中设置 resolve.modules，将项目根目录加入其中：

// webpack.config.js
module.exports = {
  resolve: {
    modules: [
      path.join(__dirname, './'),
      path.join(__dirname, './node_modules')
    ]
  }
}

3. 项目结构变更或路径错误
如果项目结构发生了变更，或者组件的路径写错了，也会出现 “this dependency was not found”这样的错误提示。在这种情况下，需要检查组件的路径是否正确，或者对项目结构进行调整。

总之，无法识别 @ 符号的错误往往是因为 webpack 配置问题或路径设置不正确，需要仔细检查并进行调整。