Vue 2.6.14项目中引入EPSON JavaScript SDK出现严格模式语法错误的解决方案咨询

Hey there, let's work through this import issue with the EPSON SDK in your Vue project. That "Deleting local variable in strict mode" error pops up because the SDK contains code that tries to delete a local variable—something strict mode (enabled by default in Webpack/Babel builds) doesn't allow. Here are a few reliable, universal ways to handle this kind of problematic third-party library:

1. Global Script Import (Simplest Solution) #

This is the go-to method for older libraries that aren't built to work with ES modules:

• Keep your epos-2.18.0.js file in the public directory.
• Open public/index.html and add a script tag to load the SDK globally:

  <script src="./epos-2.18.0.js"></script>
  

• Now you can access the SDK directly via its global variable in any Vue component. For example, in a component's mounted hook:

  mounted() {
    // Replace `epson` with the actual global variable name the SDK exposes
    console.log(window.epson);
    // Use the SDK methods here, like epson.print(...)
  }
  

2. Use script-loader to Bypass Strict Mode #

If you prefer to keep the import in your component files, script-loader runs the script in the global context without enforcing strict mode:

• First install the loader:

  npm install script-loader --save-dev
  

• Then import the SDK in your component using the loader prefix:

  import 'script-loader!../../public/epos-2.18.0.js'
  

• Just like the global import, you'll use the SDK via its global variable (e.g., window.epson) in your component code.

3. Configure Webpack to Disable Strict Mode for the SDK #

If you want to stick with standard ES imports, you can modify your Webpack config to turn off strict mode specifically for the EPSON file:

• If you're using Vue CLI, create or update vue.config.js with this configuration:

  module.exports = {
    configureWebpack: {
      module: {
        rules: [
          {
            test: /epos-2\.18\.0\.js$/,
            use: [
              {
                loader: 'babel-loader',
                options: {
                  plugins: [['@babel/plugin-transform-strict-mode', { strictMode: false }]]
                }
              }
            ]
          }
        ]
      }
    }
  }
  

• After adding this, your original import should work without the parsing error:

  import epson from '../../public/epos-2.18.0'
  

Quick Notes #

• Double-check the global variable name the SDK uses—sometimes it's epos instead of epson, so verify by looking at the SDK file or checking window after loading it.
• The global script import is usually the most hassle-free option for libraries that aren't module-friendly.

内容的提问来源于stack exchange，提问作者fgdh