Question

我尝试使用TypeScript创建NativeScript-Vue项目。我设法将事情建设到了抱怨的地步：

ERROR in app.ios.js from UglifyJs
Unexpected token: operator (>) [app.ios.js:132,15]

违规行是：

new __WEBPACK_IMPORTED_MODULE_0_nativescript_vue___default.a({
    // This line right here:
    render: h => h(__WEBPACK_IMPORTED_MODULE_1__components_Counter_vue__["a" /* default */]),
}).$start();

我可能天真地假设我需要在我的webpack.config.js中链接加载babel-loader！ts-loader，但这只是失败了：

ERROR in Entry module not found: Error: Can't resolve 'babel-loader!ts-loader' in '/path/to/project'

package.json中的依赖项如下：

"dependencies": {
  "nativescript-theme-core": "^1.0.4",
  "nativescript-vue": "^1.3.1",
  "tns-core-modules": "~3.4.1",
  "typescript": "^2.8.3",
  "vuex": "^3.0.1"
},
"devDependencies": {
  "babel-core": "^6.26.0",
  "babel-loader": "^7.1.4",
  "babel-plugin-transform-object-rest-spread": "^6.26.0",
  "babel-preset-env": "^1.6.1",
  "copy-webpack-plugin": "^4.5.1",
  "css-loader": "^0.28.11",
  "extract-text-webpack-plugin": "^3.0.2",
  "fs-extra": "^5.0.0",
  "nativescript-vue-externals": "^0.2.0",
  "nativescript-vue-loader": "^0.1.5",
  "nativescript-vue-target": "^0.1.0",
  "nativescript-vue-template-compiler": "^1.3.1",
  "node-sass": "^4.7.2",
  "ns-vue-loader": "^0.1.2",
  "optimize-css-assets-webpack-plugin": "^3.2.0",
  "rimraf": "^2.6.2",
  "sass-loader": "^6.0.7",
  "ts-loader": "^3.5.0",
  "vue-template-compiler": "^2.5.16",
  "webpack": "^3.11.0",
  "webpack-synchronizable-shell-plugin": "0.0.7",
  "winston-color": "^1.0.0"
}

我做错了什么？我不正确地看问题吗？

Answer 1

我通过更改webpack.config.js来解决此问题：

module: {
  rules: [
    {
      test: /\.js$/,
      exclude: /(node_modules)/,
      loader: 'babel-loader',
    },
    {
      test: /\.ts(x?)$/,
      exclude: /(node_modules)/,
      use: [
        {
          loader: 'babel-loader',
        },
        {
          loader: 'ts-loader',
          options: {
            appendTsSuffixTo: [/\.vue$/]
          },
        }
      ]
    },
...

带有ts-loader的NativeScript-Vue typescript chainloading babel-loader

1 个答案: