web-dev-qa-db-ja.com

モジュールが見つかりません：エラー：「。/lib / axios」を解決できません

プロジェクトにaxiosをインポートしようとしています。しかし、いくつかの理由で、webpack/axiosはビルドしようとすると大きな問題を引き起こしています。

GroupService.ts

import axios, { AxiosResponse, AxiosInstance } from 'axios';

webpack --display-error-detailsエラー

ERROR in ./~/axios/index.js
Module not found: Error: Can't resolve './lib/axios' in 'C:\dev\test-project\node_modules\axios'
resolve './lib/axios' in 'C:\dev\test-project\node_modules\axios'
  using description file: C:\dev\test-project\node_modules\axios\package.json (relative path: .)
  after using description file: C:\dev\test-project\node_modules\axios\package.json (relative path: .)
    using description file: C:\dev\test-project\node_modules\axios\package.json (relative path: ./lib/axios)
      as directory
        C:\dev\test-project\node_modules\axios\lib\axios doesn't exist
      no extension
        C:\dev\test-project\node_modules\axios\lib\axios doesn't exist
      .ts
        C:\dev\test-project\node_modules\axios\lib\axios.ts doesn't exist
[C:\dev\test-project\node_modules\axios\lib\axios]
[C:\dev\test-project\node_modules\axios\lib\axios]
[C:\dev\test-project\node_modules\axios\lib\axios.ts]
 @ ./~/axios/index.js 1:17-39
 @ ./src/services/GroupService.ts
 @ ./src/test-project.ts

これが私のwebpack構成です。

webpack.config.js

/** Plugin settings **/
var jsOutputFile = 'dist/testproject.min.js';
var cssOutputFile = 'dist/styles.css';

/** Webpack configuration **/
var webpack = require("webpack");
var ExtractTextPlugin = require("extract-text-webpack-plugin");
var extractCSS = new ExtractTextPlugin(cssOutputFile);

module.exports = {
  // application entry file
  entry: "./src/test-project.ts",

  // bundled application output file
  output: {
    path: __dirname,
    filename: jsOutputFile
  },

  // Currently we need to add '.ts' to the resolve.extensions array.
  resolve: {
    extensions: ['.ts']
  },

  // Source maps support ('inline-source-map' also works)
  devtool: 'source-map',

  // Add the loader for .ts files.
  module: {
    rules: [
      {
        test: /\.tsx?$/,
        use: 'ts-loader'
      },
      {
        test: /\.scss$/,
        use: extractCSS.extract([
          {
            loader: 'css-loader'
          },
          {
            loader: 'sass-loader'
          }
        ])
      }
    ]
  },

  plugins: [
    new webpack.optimize.UglifyJsPlugin({
      minimize: true,
      sourceMap: true,
      compress: {
        warnings: true
      }
    }),
    extractCSS
  ]
};
typescriptwebpackaxios
6
Gabriel Robert

TypeScriptファイルを検索しようとしたため、Webpackはaxiosのエントリポイントを見つけることができませんが、そのようなファイルはありません。解決拡張子に.jsを追加する必要があります。詳細はこちら： https://webpack.js.org/configuration/resolve/#resolve-extensions

resolve: {
    extensions: ['.ts', '.js']
  },
11
Slawa Eremkin

私にとっての問題は、axiosをインストールした後にyarn startサービスを再起動しなかったということでした。ライブラリは、アプリのローカルnode_modulesディレクトリに正しくインストールされました。

解決

糸のサービスを停止しました CTRL+Cyarn startで再起動しました。

1
chervl

私は同じ問題を抱えていました：

モジュールが見つかりません：エラー：「axios」を「」で解決できません

プロジェクトのnode_moduleフォルダーにaxiosフォルダーが見つからないことに気付きました。すでにnpm install --save axiosを使用していましたが、ローカルのnode-moduleフォルダーにまだ見つかりませんでした。

これが私がこの問題を解決した方法です。私はすでに行った他のいくつかのreactプロジェクトを探し、その古いプロジェクトのnode_moduleフォルダーにあるaxiosフォルダーをコピーしました。後で、コピーしたaxiosフォルダーを現在のプロジェクトのnode_moduleフォルダーに貼り付けたところ、問題が解決しました。

0
Djesu

同じ問題が発生し、次のコマンドで問題が解決しました。

npm install --save axios
0
Ish