[NPM publish package] Development error set

01 – npm link

cd PROJECT\cat-web-storage
npm linkCopy the code

cd PROJECT\testModules
npm link cat-web-storageCopy the code

02 – package.js

{
  "main": "src/index.ts"."module": "src/index.ts"
}Copy the code

{
  "main": "dist/web-storage.common.js"."module": "dist/web-storage.esm.js"
}Copy the code

03 – resolve.symlinks

chainWebpack: config => {
  config.resolve.symlinks(false);
}Copy the code

04 – Dependency errors cannot be found

This dependency was not found:
* cat-web-storage in ./src/main.ts
To install it, you can run: npm install --save cat-web-storage
Type checking and linting in progress...Copy the code

05 – ESLint configuration error not found

ERROR Failed to compile with 1 errors
  Module build failed (from ./node_modules/eslint-loader/index.js):
  Error: No ESLint configuration found in PROJECT\cat-web-storage\dist.Copy the code

06 – No attribute warning error exists

Property '$localStorage' does not exist on type 'WebStorage'.

this.$localStorage.set('number', 10086); // Case one ^ vm.$localStorage.set('number', 10086); // Case 2 ^ window.$localStorage.set('number', 10086); // Case three ^Copy the code

Import {LocalStorage, SessionStorage, CookieStorage} from'cat-web-storage'; // Declare the exported interface description type as an interface to vUEtypeIn the description file //'vue/types/vue'Vue type Description File pathdeclare module 'vue/types/vue' {
  interface Vue {
    $localStorage: LocalStorage
    $sessionStorage: SessionStorage
    $cookieStorage: CookieStorage
  }
}Copy the code

The last