問題タブ [vue-cli-4]

Vue CLI 4.1.2 でプロジェクトを作成し、内部router/index.jsで次のことを見つけました。

.envプロジェクトルートにファイルがありません。では、どういうprocess.env.BASE_URL意味ですか？値はどこにBASE_URL設定されていますか?

私は vuejs を学んでおり、vue/cli バージョン 4.xx のような最新バージョンを使用していますが、次のようなタスクを実行したいと考えています。

1. vue/cli バージョン 4.xx を使用して単純なヘッダーを作成する必要があります。これは、ヘッダー変数内の配列を小道具として受け取ります。

2. 今、npmで公開したいと思います。

   3. 次に、typescript をクラス ベースのスタイルとして使用する別の vue プロジェクトを作成し、このプロジェクトの 2 番目のステップで npm パッケージの作成を使用します。

このアプローチを完了するために、いくつかの記事に従いました。そのリンクは以下に記載され ています NPMでVuejsコンポーネントを作成して公開する方法

別の記事はこれです: https://dev.to/amroessam/publish-your-first-npm-package-vue-263h

最後の記事はこれです: https://vuejs.org/v2/cookbook/packaging-sfc-for-npm.html

ヘッダーを作成してnpmで公開することはできますが、そのnpmパッケージをまったく使用できず、エラーが発生します。

この依存関係は見つかりませんでした:

• ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs の header-bell-app。 js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/UserComponent/UserComponent.vue?vue&type=script&lang=js&

インストールするには、次を実行します: npm install --save header-bell-app

header-bell-app という名前のヘッダー パッケージを作成してインストールしましたが、どこかにインポートしようとするとエラーが発生しました。

以下は私の header-bell npm パッケージのコードとスクリーンショットです:

そして、header-bellをインストールした後、以下のような別のプロジェクトで上記のパッケージを使用しています

今、私にエラーを与えています

モジュール 'header-bell' の宣言ファイルが見つかりませんでした。「d:/Alok/Work/References/interceptor-boilerplate/node_modules/header-bell/dist/headercomponent.umd.js」には、暗黙的に「any」タイプがあります。存在するかどうかを試すnpm install @types/header-bellか、「declare module 'header-bell';」を含む新しい宣言 (.d.ts) ファイルを追加します。

HeaderComponent の使用中のコンソールのエラーは下の画像にあります

これが私のことを正すのに十分な証拠になることを願っています。これに対する最善の解決策を教えていただければ幸いです。

npm run serveコマンドはデフォルトでjsのソースマップを使用すると信じていましたが、常に表示されているためではないようvue.runtime.esm.js:619です。

ルート レベルのプロジェクトで vue.config.js ファイルを作成しました。

私は2つのことを試みます：

と：

それらのどれも機能しません。vue.runtime.esm.js:619私はまだ役に立たないことにこだわっています。

vue-cli 4 でソースマップを実際に有効にする方法を知っている人はいますか?