vue运行报错:SyntaxError: Cannot use import statement outside a module

左手的ㄟ右手 2022-12-31 14:28 685阅读 0赞

4f7a6168858950498b69198dc2cf5b7c.png

  1. PS C:\Users\wangting\Desktop\assets_web_admin\assets_web_admin> npm run dev
  2. > vue-element-admin@4.2.1 dev C:\Users\wangting\Desktop\assets_web_admin\assets_web_admin
  3. > vue-cli-service serve
  4. INFO Starting development server...
  5. 10% building 2/2 modules 0 active ERROR SyntaxError: Cannot use import statement outside a module
  6. C:\Users\wangting\Desktop\assets_web_admin\assets_web_admin\mock\index.js:1
  7. import "core-js/modules/es6.regexp.constructor";
  8. ^^^^^^
  9. SyntaxError: Cannot use import statement outside a module
  10. at wrapSafe (internal/modules/cjs/loader.js:1072:16)
  11. at Module._compile (internal/modules/cjs/loader.js:1122:27)
  12. at Module._compile (C:\Users\wangting\Desktop\assets_web_admin\assets_web_admin\node_modules\pirates\lib\index.js:99:24)
  13. at Module._extensions..js (internal/modules/cjs/loader.js:1178:10)
  14. at Object.newLoader [as .js] (C:\Users\wangting\Desktop\assets_web_admin\assets_web_admin\node_modules\pirates\lib\index.js:104:7)
  15. at Module.load (internal/modules/cjs/loader.js:1002:32)
  16. at Function.Module._load (internal/modules/cjs/loader.js:901:14)
  17. at Module.require (internal/modules/cjs/loader.js:1044:19)
  18. at require (internal/modules/cjs/helpers.js:77:18)
  19. at registerRoutes (C:\Users\wangting\Desktop\assets_web_admin\assets_web_admin\mock\mock-server.js:11:30)
  20. at Object.module.exports [as before] (C:\Users\wangting\Desktop\assets_web_admin\assets_web_admin\mock\mock-server.js:57:22)
  21. at Object.before (C:\Users\wangting\Desktop\assets_web_admin\assets_web_admin\node_modules\@vue\cli-service\lib\commands\serve.js:165:67)
  22. at Server.setupBeforeFeature (C:\Users\wangting\Desktop\assets_web_admin\assets_web_admin\node_modules\webpack-dev-server\lib\Server.js:455:18)
  23. at Object.before (C:\Users\wangting\Desktop\assets_web_admin\assets_web_admin\node_modules\webpack-dev-server\lib\Server.js:515:16)
  24. at C:\Users\wangting\Desktop\assets_web_admin\assets_web_admin\node_modules\webpack-dev-server\lib\Server.js:584:24
  25. at Array.forEach (<anonymous>)

原来是我在写代码的时候
不小心删掉了这段代码

打开
环境配置.env.development文件
在最后面加上

  1. VUE_CLI_BABEL_TRANSPILE_MODULES = true

这个文件完整的代码如下
还是改一下随手乱动代码的习惯吧~~~

  1. # just a flag
  2. ENV = 'development'
  3. # base api
  4. VUE_APP_BASE_API = '/dev-api'
  5. # vue-cli uses the VUE_CLI_BABEL_TRANSPILE_MODULES environment variable,
  6. # to control whether the babel-plugin-dynamic-import-node plugin is enabled.
  7. # It only does one thing by converting all import() to require().
  8. # This configuration can significantly increase the speed of hot updates,
  9. # when you have a large number of pages.
  10. # Detail: https://github.com/vuejs/vue-cli/blob/dev/packages/@vue/babel-preset-app/index.js
  11. VUE_CLI_BABEL_TRANSPILE_MODULES = true

ca4b5dba0ce33b5e10b45e655fc55ffa.png

再次执行
npm run dev
即可运行成功了

发表评论

表情:
评论列表 (有 0 条评论,685人围观)

还没有评论,来说两句吧...

相关阅读